Align editable and non-editable commissionFields

Concordium · Oct 10, 2023 · 117e75a · 117e75a
1 parent ee810a1
commit 117e75a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/packages/browser-wallet/src/popup/pages/Account/Earn/Baking/FlowPages/CommissionField.tsx b/packages/browser-wallet/src/popup/pages/Account/Earn/Baking/FlowPages/CommissionField.tsx
@@ -14,10 +14,9 @@ interface CommissionFieldProps {
     max: number;
 }
 
-const commonSliderProps: Pick<PropsOf<typeof Slider>, 'step' | 'unit' | 'className'> = {
+const commonSliderProps: Pick<PropsOf<typeof Slider>, 'step' | 'unit'> = {
     step: 0.001,
     unit: '%',
-    className: 'm-b-10',
 };
 
 type Props = Pick<InputHTMLAttributes<HTMLInputElement>, 'type' | 'className' | 'autoFocus'> &
@@ -64,6 +63,7 @@ export function CommissionInput({
             max={maxPercentage}
             onChange={onChange}
             onBlur={onBlur}
+            className={clsx('baking__commissionField-slider', className)}
             {...commonSliderProps}
         />
     );

diff --git a/packages/browser-wallet/src/popup/pages/Account/Earn/Earn.scss b/packages/browser-wallet/src/popup/pages/Account/Earn/Earn.scss
@@ -84,12 +84,11 @@
 .baking {
     &__commissionField-slider {
         margin-top: rem(10px);
+        margin-bottom: rem(10px);
     }
 
     &__commissionField-label {
-        font-size: rem(8px);
         color: $color-text;
-        font-weight: $font-weight-bold;
         text-align: center;
     }