Fix extra top padding when field-editors are not horizontal

cortezaproject · Sep 11, 2023 · 65b6db3 · 65b6db3
1 parent fd5afbb
commit 65b6db3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/client/web/compose/src/components/PageBlocks/RecordEditor.vue b/client/web/compose/src/components/PageBlocks/RecordEditor.vue
@@ -19,7 +19,7 @@
         <div
           v-if="canDisplay(field)"
           :key="field.id"
-          class="field mb-3 px-3"
+          class="mb-3 px-3"
         >
           <field-editor
             v-if="isFieldEditable(field)"
@@ -218,14 +218,8 @@ export default {
   },
 }
 </script>
-<style lang="scss">
-.field {
-  legend {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-}
 
+<style lang="scss">
 .value {
   min-height: 1.2rem;
 }

diff --git a/client/web/compose/src/themes/corteza-base/custom.scss b/client/web/compose/src/themes/corteza-base/custom.scss
@@ -358,6 +358,10 @@ input[type="search"]::-webkit-search-cancel-button {
   }
 }
 
+.col-form-label {
+  padding: 0;
+}
+
 // Supporting CSS to improve print-to-PDF option
 @media print {
   @page {