From bfbc17b3d55c02e6e7e13fdef4005c3e44032015 Mon Sep 17 00:00:00 2001
From: atom-young <atom.yang@aelf.io>
Date: Tue, 15 Sep 2020 16:53:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20update=20total=20supply?=
 =?UTF-8?q?=20and=20bonus=20per=20block?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/Home.tsx                |  4 +---
 src/views/Home/components/Balances.tsx | 18 +++++++++++++++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/views/Home/Home.tsx b/src/views/Home/Home.tsx
index df4f825..65c4cb1 100644
--- a/src/views/Home/Home.tsx
+++ b/src/views/Home/Home.tsx
@@ -23,9 +23,7 @@ const Home: React.FC = () => {
         title="MasterChef is Ready"
         subtitle="Stake Uniswap LP tokens to claim your very own yummy SASHIMI!"
       />
-      <Container>
-        <Balances />
-      </Container>
+      <Balances />
       <Spacer size="lg" />
       <Center>
         <Button size="large" type="primary">
diff --git a/src/views/Home/components/Balances.tsx b/src/views/Home/components/Balances.tsx
index 73c11c6..e61cf53 100644
--- a/src/views/Home/components/Balances.tsx
+++ b/src/views/Home/components/Balances.tsx
@@ -125,7 +125,19 @@ const Balances: React.FC = () => {
           />
           <Footnote>
             New rewards per block
-            <FootnoteValue>1,000 SASHIMI</FootnoteValue>
+            <FootnoteValue>500 SASHIMI</FootnoteValue>
+          </Footnote>
+        </CardContent>
+      </Card>
+      <Spacer />
+      <Card>
+        <CardContent>
+          <Label text="Total SASHIMI Supply" />
+          <Value
+            value="100,000,000"
+          />
+          <Footnote>
+            Total Supply of SASHIMI
           </Footnote>
         </CardContent>
       </Card>
@@ -146,12 +158,16 @@ const FootnoteValue = styled.div`
 
 const StyledWrapper = styled.div`
   align-items: center;
+  width: 100%;
   display: flex;
   @media (max-width: 768px) {
     width: 100%;
     flex-flow: column nowrap;
     align-items: stretch;
   }
+  @media (max-width: 768px) {
+    padding: 0 16px;
+  }
 `
 
 const StyledBalances = styled.div`