fix: fee discount selector alignment

new-lamassu-admin/src/pages/Wallet/Wallet.js

@@ -137,6 +137,7 @@ const Wallet = ({ name: SCREEN_KEY }) => {
 
   return (
     <>
+      <div className={classes.header}>
         <TitleSection
           title="Wallet Settings"
           button={{
@@ -146,23 +147,22 @@ const Wallet = ({ name: SCREEN_KEY }) => {
             toggle: setAdvancedSettings
           }}
         />
-      {!advancedSettings && (
-        <>
         <Box alignItems="center" justifyContent="end">
-            <Label1 className={classes.cashboxReset}>Fee discount</Label1>
+          <Label1 className={classes.feeDiscountLabel}>Fee discount</Label1>
           <Box
             display="flex"
             alignItems="center"
             justifyContent="end"
             mr="-4px">
             <P className={classes.selection}>{selectedDiscount}</P>
-              <IconButton
+            <IconButton onClick={() => setEditingFeeDiscount(true)}>
-                onClick={() => setEditingFeeDiscount(true)}
-                className={classes.button}>
               <EditIcon />
             </IconButton>
           </Box>
         </Box>
+      </div>
+      {!advancedSettings && (
+        <>
           <EditableTable
             name="test"
             namespaces={R.map(R.path(['code']))(cryptoCurrencies)}
@@ -213,7 +213,7 @@ const Wallet = ({ name: SCREEN_KEY }) => {
           width={478}
           handleClose={() => setEditingFeeDiscount(null)}
           open={true}>
-          <P className={classes.descriptions}>
+          <P>
             Set a priority level for your outgoing BTC transactions, selecting a
             percentage off of the fee estimate your wallet uses.
           </P>
@@ -222,9 +222,8 @@ const Wallet = ({ name: SCREEN_KEY }) => {
             value={selectedDiscount}
             options={radioButtonOptions}
             onChange={handleRadioButtons}
-            className={classes.radioButtons}
           />
-          <DialogActions className={classes.actions}>
+          <DialogActions>
             <Button
               onClick={() =>
                 saveFeeDiscount({ BTC_feeMultiplier: selectedDiscount })

new-lamassu-admin/src/pages/Wallet/Wallet.styles.js

@@ -1,7 +1,16 @@
+import { offColor } from 'src/styling/variables'
+
 export default {
-  tableWidth: {
+  header: {
     display: 'flex',
     alignItems: 'center',
-    marginRight: 90
+    justifyContent: 'space-between'
+  },
+  feeDiscountLabel: {
+    color: offColor,
+    margin: [[13, 0, -5, 20]]
+  },
+  selection: {
+    marginRight: 12
   }
 }