Merge pull request #16753 from ElectronicBlueberry/label-margins

Fix large gap between labels and form elements
galaxyproject · Oct 2, 2023 · 2ed0ab0 · 2ed0ab0
2 parents 13d8342 + b278a31
commit 2ed0ab0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/client/src/components/Form/FormElement.vue b/client/src/components/Form/FormElement.vue
@@ -325,7 +325,7 @@ const isOptional = computed(() => !isRequired.value && attrs.value["optional"] !
 
 .ui-form-element {
     margin-top: $margin-v * 0.25;
-    margin-bottom: $margin-v * 0.25;
+    margin-bottom: $margin-v * 0.5;
     overflow: visible;
     clear: both;
 

diff --git a/client/src/style/scss/overrides.scss b/client/src/style/scss/overrides.scss
@@ -218,3 +218,8 @@ table.info_data_table th:nth-child(1) {
 .sticky-top {
     z-index: 800;
 }
+
+// remove margin for labels with for attribute
+label[for] {
+    margin-bottom: 0;
+}