enlarge buy button

src/components/Grids/Table-styles.tsx

@@ -45,11 +45,12 @@ export const BuyContainerDivider = styled(Box)(({ theme }) => ({
   }
 }));
 
-export const BuyOrderBtn = styled("button")(({ theme }) => ({
+export const BuyOrderBtn = styled(Button)(({ theme }) => ({
   borderRadius: "8px",
-  width: "74px",
-  height: "30px",
-  background: "#4D7345",
+  width: "80px",
+  height: "45px",
+  background: "#2e7d32",
+  fontSize: '18px',
   color: "white",
   cursor: "pointer",
   border: "1px solid #375232",

src/components/Grids/TradeOffers.tsx

@@ -37,6 +37,7 @@ import {
   SnackbarCloseReason,
   Tooltip,
   Typography,
+  useTheme,
 } from "@mui/material";
 import gameContext from "../../contexts/gameContext";
 import { subscribeToEvent, unsubscribeFromEvent } from "../../utils/events";
@@ -164,7 +165,12 @@ export const TradeOffers: React.FC<any> = ({
   const [open, setOpen] = useState(false);
   const [info, setInfo] = useState<any>(null);
   const BuyButton = () => {
-    return <BuyOrderBtn onClick={buyOrder}>BUY</BuyOrderBtn>;
+    return <BuyOrderBtn disabled={selectedOffers?.length === 0} sx={{
+      transition: '0.3s background-color',
+      '&:hover': {
+        backgroundColor: '#1b5e20',
+      },
+    }} onClick={buyOrder}>BUY</BuyOrderBtn>;
   };
 
   const intervalGetSignedUnlockingFees = useRef<number | null>(null);

src/components/header/Header.tsx

@@ -518,7 +518,7 @@ export const Header = ({
               <SelectRow coin="ARRR" />
             </MenuItem>
           </Select>
-          <Info />
+          {/* <Info /> */}
           {!isUsingGateway && selectedCoin !== 'PIRATECHAIN' && (
             <>
               <FeeManager selectedCoin={selectedCoin} fee={fee}

src/pages/Home/Home.tsx

@@ -61,7 +61,7 @@ export const HomePage = () => {
         <TabsContainer>
           <TabsRow>
             <Tab activeTab={mode === "buy"} onClick={() => setMode("buy")}>
-              Buy QORT
+              QORT for sale
             </Tab>
             {/* <TabDivider activeTab={mode === "buy" || mode === "sell"} /> */}
             <Tab activeTab={mode === "sell"} onClick={() => setMode("sell")}>