diff --git a/src/Card.js b/src/Card.js index a97688d..4195c80 100644 --- a/src/Card.js +++ b/src/Card.js @@ -14,7 +14,8 @@ const useStyles = makeStyles({ marginBottom: "1rem" }, inHouse: { - // backgroundColor: '#2bfc58' + fontSize: 14, + color: '#00ad26' }, bullet: { display: "inline-block", @@ -27,7 +28,8 @@ const useStyles = makeStyles({ btmBox: { padding: "1rem", display: "flex", - flexDirection: "row" + flexDirection: "row", + justifyContent: 'space-between' }, spacer: { flexGrow: 1 @@ -40,7 +42,7 @@ const useStyles = makeStyles({ marginBottom: 12 }, header: { - height: '3rem' + height: "3rem" } }); @@ -50,7 +52,7 @@ function SimpleCard({ name, number, inHouse, isNitro, desc, abv }) { return ( )} -
+ {inHouse && ( + + IN HOUSE + + )} {isNitro && ( i.inHouse) .map((i, index) => ( ));