Browse Source

Adjust alignment of SI dropdown (#3206)

* Adjust alignment of SI dropdown

* line-height 1
Jaco Greeff 4 years ago
parent
commit
78dcf3c8a9

+ 7 - 3
packages/react-components/src/InputBalance.tsx

@@ -101,8 +101,12 @@ export default React.memo(styled(InputBalance)`
     right: 6.5rem;
   }
 
-  .ui.action.input.ui--Input .ui.primary.buttons .ui.disabled.button.compact.floating.selection.dropdown.ui--SiDropdown {
-    border-style: solid;
-    opacity: 1 !important;
+  .ui.action.input.ui--Input > .buttons {
+    align-items: stretch;
+
+    .ui.disabled.button.compact.floating.selection.dropdown.ui--SiDropdown {
+      border-style: solid;
+      opacity: 1 !important;
+    }
   }
 `);

+ 2 - 1
packages/react-components/src/Labelled.tsx

@@ -96,7 +96,8 @@ const Wrapper = styled.div`
           }
 
           .text {
-            padding: 0.45rem 0
+            line-height: 1;
+            padding: 0.47rem 0
           }
         }