Merge pull request #515 from AudiovisualMetadataPlatform/AMP-3210_res…

…ponsive AMP-3197: align datepicker to be on same line as txt.
AudiovisualMetadataPlatform · May 25, 2024 · 501da90 · 501da90
2 parents 86f1f29 + 1aff54d
commit 501da90
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/dashboard/DashboardFilters/DateFilter.vue b/src/components/dashboard/DashboardFilters/DateFilter.vue
@@ -21,7 +21,7 @@
       aria-labelledby="dropdownMenuButton"
     >
       <form class="p-2">
-        <div class="form-group row">
+        <div class="col d-flex flex-wrap justify-content-between">
           <label
             for="colFormLabelFrom"
             class="col-sm-4 col-form-label col-form-label-sm"
@@ -34,7 +34,7 @@
             v-on:input="setDisabledDate()"
           ></datepicker>
         </div>
-        <div class="form-group row">
+        <div class="col d-flex flex-wrap justify-content-between">
           <label
             for="colFormLabelFrom2"
             class="col-sm-4 col-form-label col-form-label-sm"
@@ -47,10 +47,10 @@
             :disabled-dates="state.disabledDates"
           ></datepicker>
         </div>
-        <div class="form-group row">
+        <div class="col d-flex flex-wrap justify-content-between">
           <div class="col-sm-12">
             <button
-              class="btn btn-info float-right"
+              class="btn btn-info float-right m-2"
               @click="filterByDate($event)"
             >
               Filter