datetime and buttongroups are now full width

educorvi · Mar 15, 2021 · 1d47f3b · 1d47f3b
1 parent d7949b7
commit 1d47f3b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/FormFields/DateTime.vue b/src/components/FormFields/DateTime.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <b-input-group :name="title" :id="schemaName">
-      <b-input ref="child" v-model="date" type="date"/>
-      <b-input-group-append>
+    <b-input-group :name="title" :id="schemaName" class="w-100">
+      <b-input ref="child" v-model="date" type="date" class="w-50"/>
+      <b-input-group-append class="w-50">
         <b-input v-model="time" style="border-bottom-left-radius: 0; border-top-left-radius: 0" type="time"/>
       </b-input-group-append>
     </b-input-group>

diff --git a/src/components/FormFields/FormField.vue b/src/components/FormFields/FormField.vue
@@ -8,7 +8,7 @@
         <!--        Content is prepended to the input field-->
         <slot name="prepend"></slot>
       </b-input-group-prepend>
-      <component :is="type" :isInteger="item.type === 'integer'" :json="json" :name="title"
+      <component :is="type" :isInteger="item.type === 'integer'" :json="json" :name="title" class="w-100"
                  :required="required"
                  :ui="ui" @changedData="loopUp" ref="child" :filledData="filledData"
                  :autocomplete="(ui.options ||{}).autocomplete || 'on'"