Ensure that adjacent form elements take up to 50% width

david0xd · david0xd · commit 30a38d397868 · 2025-01-06T13:18:28.000+01:00
diff --git a/ui/components/app/snaps/snap-ui-renderer/index.scss b/ui/components/app/snaps/snap-ui-renderer/index.scss
@@ -84,4 +84,12 @@
       max-width: $width-screen-lg-min;
     }
   }
+
+  &__form {
+    .snap-ui-renderer__panel {
+      .mm-box--display-flex.mm-box--flex-direction-column {
+        flex: 1 1 50%; // Ensure that adjacent form elements take up to 50% width
+      }
+    }
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -84,4 +84,12 @@`
`84`	`84`	`max-width: $width-screen-lg-min;`
`85`	`85`	`}`
`86`	`86`	`}`
	`87`	`+`
	`88`	`+ &__form {`
	`89`	`+ .snap-ui-renderer__panel {`
	`90`	`+ .mm-box--display-flex.mm-box--flex-direction-column {`
	`91`	`+ flex: 1 1 50%; // Ensure that adjacent form elements take up to 50% width`
	`92`	`+ }`
	`93`	`+ }`
	`94`	`+ }`
`87`	`95`	`}`