From f485accb908fece8784e439ba214e2ea442a7136 Mon Sep 17 00:00:00 2001
From: Max Fletcher <mfletcher@umail.ucsb.edu>
Date: Fri, 2 Jun 2023 21:25:30 -0700
Subject: [PATCH] mf - Cow buttons are smaller and different colors

---
 .../src/main/components/Commons/ManageCows.js     | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/main/components/Commons/ManageCows.js b/frontend/src/main/components/Commons/ManageCows.js
index f144e680f..31a730fcd 100644
--- a/frontend/src/main/components/Commons/ManageCows.js
+++ b/frontend/src/main/components/Commons/ManageCows.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { Card, Button, Row } from "react-bootstrap";
+import { Card, Button, Row, Col } from "react-bootstrap";
 
 // add parameters 
 const ManageCows = ({userCommons,commons, onBuy, onSell}) =>  {
@@ -13,13 +13,14 @@ const ManageCows = ({userCommons,commons, onBuy, onSell}) =>  {
             <Card.Title className="text-center">🐮 Number of Cows: {userCommons.numOfCows}</Card.Title>
             <Card.Title className="text-center">🥛 Current Milk Price: ${commons?.milkPrice}</Card.Title>
             <Row>
-                <p />
-                <Button variant="outline-danger" onClick={()=>{onBuy(userCommons)}} data-testid={"buy-cow-button"}>Buy cow</Button>
-                <p />
-                <Button variant="outline-danger" onClick={()=>{onSell(userCommons)}} data-testid={"sell-cow-button"}>Sell cow</Button>
-                <p />
+                <Col className="text-center">
+                    <Button variant="outline-success" onClick={()=>{onBuy(userCommons)}} data-testid={"buy-cow-button"}>Buy cow</Button>
+                </Col>
+                <Col className="text-center">
+                    <Button variant="outline-danger" onClick={()=>{onSell(userCommons)}} data-testid={"sell-cow-button"}>Sell cow</Button>
+                </Col>
             </Row>
-
+                
                     Note: Buying cows buys at current cow price, but selling cows sells at current cow price
                     times the average health of cows as a percentage! 
         </Card.Body>