fix: dont display cashbox reset option on history page and wrong header width

new-lamassu-admin/src/pages/Maintenance/CashCassettes.js

@@ -254,21 +254,23 @@ const CashCassettes = () => {
         }}
         iconClassName={classes.listViewButton}
         className={classes.tableWidth}>
-        <Box alignItems="center" justifyContent="end">
-          <Label1 className={classes.cashboxReset}>Cashbox reset</Label1>
-          <Box
-            display="flex"
-            alignItems="center"
-            justifyContent="end"
-            mr="-4px">
-            <P className={classes.selection}>{cashboxReset}</P>
-            <IconButton
-              onClick={() => setEditingSchema(true)}
-              className={classes.button}>
-              <EditIcon />
-            </IconButton>
+        {!showHistory && (
+          <Box alignItems="center" justifyContent="end">
+            <Label1 className={classes.cashboxReset}>Cashbox reset</Label1>
+            <Box
+              display="flex"
+              alignItems="center"
+              justifyContent="end"
+              mr="-4px">
+              <P className={classes.selection}>{cashboxReset}</P>
+              <IconButton
+                onClick={() => setEditingSchema(true)}
+                className={classes.button}>
+                <EditIcon />
+              </IconButton>
+            </Box>
           </Box>
-        </Box>
+        )}
       </TitleSection>
       <div className={classes.tableContainer}>
         {!showHistory && (

new-lamassu-admin/src/pages/Maintenance/CashCassettes.styles.js

@@ -16,7 +16,7 @@ export default {
   tableWidth: {
     display: 'flex',
     alignItems: 'center',
-    marginRight: 90
+    marginRight: 1
   },
   descriptions: {
     color: offColor,