fix: text input flex (#162)

- flex to fill parent container
ninja · Jan 25, 2022 · aaf0821 · aaf0821
1 parent 4e25b24
commit aaf0821
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/src/docs/style.css b/src/docs/style.css
@@ -1,3 +1,7 @@
 body {
 	font-size: 1.2rem;
 }
+
+form {
+	display: contents;
+}
diff --git a/src/lib/components/input/input.module.css b/src/lib/components/input/input.module.css
@@ -102,6 +102,10 @@
 	fill: var(--md-color-primary);
 }
 
+.field.flex {
+	width: 100%;
+}
+
 .field.flex > .row {
 	width: unset;
 }

diff --git a/src/lib/components/menu/menu.module.css b/src/lib/components/menu/menu.module.css
@@ -13,6 +13,7 @@
 
 .fieldset.flex {
 	display: block;
+	width: 100%;
 }
 
 .menu {
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,6 +13,7 @@ @@
     .fieldset.flex {
     	display: block;
+    	width: 100%;
     }
     .menu {
@@ Expand Down @@