Merge branch 'fix-space-between-field-form-and-actions' into 'develop'

Fixed space between field form and actions

See merge request baserow/baserow!2508

web-frontend/modules/database/components/field/FieldDateSubForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="margin-bottom-2">
+  <div>
     <FormGroup
       :label="$t('fieldDateSubForm.dateFormatLabel')"
       small-label

web-frontend/modules/database/components/field/FieldForm.vue

@@ -97,6 +97,7 @@
         :name="values.name"
         :default-values="defaultValues"
         :database="database"
+        class="margin-bottom-2"
         @validate="$v.$touch"
         @suggested-field-name="handleSuggestedFieldName($event)"
       />

web-frontend/modules/database/components/field/FieldLinkRowSubForm.vue

@@ -27,7 +27,7 @@
       <template #error> {{ $t('error.requiredField') }}</template>
     </FormGroup>
 
-    <FormGroup class="margin-bottom-2">
+    <FormGroup>
       <Checkbox v-model="values.has_related_field">{{
         $t('fieldLinkRowSubForm.hasRelatedFieldLabel')
       }}</Checkbox>

web-frontend/modules/database/components/field/FieldNumberSubForm.vue

@@ -4,7 +4,7 @@
       small-label
       :error="$v.values.number_decimal_places.$error"
       :label="$t('fieldNumberSubForm.decimalPlacesLabel')"
-      class="margin-bottom-2"
+      :class="{ 'margin-bottom-2': allowSetNumberNegative }"
       required
     >
       <Dropdown

web-frontend/modules/database/components/field/FieldPasswordSubForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="margin-bottom-2">
+  <div>
     <!--
     this temporary message will be removed after the API password check support will
     be implemented. I therefore thought it was okay to use some inline styles, for now.

web-frontend/modules/database/components/field/FieldRatingSubForm.vue

@@ -1,11 +1,6 @@
 <template>
   <div class="rating-field-form">
-    <FormGroup
-      required
-      small-label
-      :label="$t('fieldRatingSubForm.color')"
-      class="margin-bottom-2"
-    >
+    <FormGroup required small-label :label="$t('fieldRatingSubForm.color')">
       <a
         ref="color-select"
         :class="'rating-field__color' + ' background-color--' + values.color"
@@ -19,7 +14,6 @@
       required
       small-label
       :label="$t('fieldRatingSubForm.style')"
-      class="margin-bottom-2"
       :error="$v.values.style.$error"
     >
       <Dropdown
@@ -45,7 +39,6 @@
       required
       small-label
       :label="$t('fieldRatingSubForm.maxValue')"
-      class="margin-bottom-2"
       :error="$v.values.max_value.$error"
     >
       <Dropdown

web-frontend/modules/database/components/field/FieldSelectOptionsSubForm.vue

@@ -7,7 +7,6 @@
       small-label
       required
       :label="$t('fieldSingleSelectSubForm.optionsLabel')"
-      class="margin-bottom-2"
     >
       <FieldSelectOptions
         ref="selectOptions"

web-frontend/modules/database/components/field/FieldTextSubForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <FormGroup class="margin-bottom-2">
+  <FormGroup>
     <FormInput
       ref="text_default"
       v-model="values.text_default"