From 73702bfffba5ea88d3ba5039ba2d5e23c0e36231 Mon Sep 17 00:00:00 2001
From: Vojtech Simetka <vojtech@simetka.cz>
Date: Fri, 23 Apr 2021 15:20:57 +0200
Subject: [PATCH] style: chequebook header in accounting page (#81)

---
 src/pages/accounting/AccountCard.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/accounting/AccountCard.tsx b/src/pages/accounting/AccountCard.tsx
index 92cbf9e..6f71a0a 100644
--- a/src/pages/accounting/AccountCard.tsx
+++ b/src/pages/accounting/AccountCard.tsx
@@ -29,6 +29,11 @@ const useStyles = makeStyles((theme: Theme) =>
       flexWrap: 'wrap',
       justifyContent: 'space-between',
     },
+    chequebookActions: {
+      justifyContent: 'space-between',
+      display: 'flex',
+      marginBottom: theme.spacing(1),
+    },
   }),
 )
 
@@ -50,8 +55,10 @@ function AccountCard({ totalreceived, totalsent, chequebookBalance, isLoading }:
 
   return (
     <div>
-      <div style={{ justifyContent: 'space-between', display: 'flex' }}>
-        <h2 style={{ marginTop: '0px' }}>Chequebook</h2>
+      <div className={classes.chequebookActions}>
+        <Typography component="h2" variant="h6">
+          Chequebook
+        </Typography>
         <div className={classes.buttons}>
           <WithdrawModal />
           <DepositModal />