fix: Alignment and style fixes for InputTime (#253)

cision · Aug 4, 2020 · d2311d0 · d2311d0
1 parent 719ad61
commit d2311d0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/components/InputTime/Dropdown/Dropdown.tsx b/src/components/InputTime/Dropdown/Dropdown.tsx
@@ -166,7 +166,11 @@ const Dropdown: React.FC<DropdownProps> = ({
         level="text"
         size="sm"
       >
-        <Icon fill="currentColor" name="arrow-drop-down" />
+        <Icon
+          fill="currentColor"
+          name="arrow-drop-down"
+          style={{ display: 'block' }}
+        />
       </Button>
     </EasyDropdown>
   );

diff --git a/src/components/InputTime/InputTime.module.css b/src/components/InputTime/InputTime.module.css
@@ -1,15 +1,22 @@
 .InputTime {
+  box-sizing: border-box;
   position: relative;
   display: inline-flex;
   flex-flow: row nowrap;
   padding: 0;
 }
 
+.InputTime * {
+  box-sizing: border-box;
+}
+
 .Input.Input {
   background: transparent;
   border-width: 0;
   box-shadow: none;
   height: calc(var(--rvr-line-height-lg) + 2 * var(--rvr-space-bordered-sm));
+  flex: 1 1 auto;
+  min-width: 0;
 }
 
 .addons {