From 1aff54dc49ba5165dd22a43c198c0ff0bd4c3253 Mon Sep 17 00:00:00 2001
From: yingfeng <yingfeng@iu.edu>
Date: Fri, 24 May 2024 20:38:47 -0400
Subject: [PATCH] AMP-3197: align datepicker to be on same line as txt.

---
 src/components/dashboard/DashboardFilters/DateFilter.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/dashboard/DashboardFilters/DateFilter.vue b/src/components/dashboard/DashboardFilters/DateFilter.vue
index b7d02b9..b288ee5 100644
--- 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