Fix responsive behavior for search form fields (#8)

Resolves #7
DNNCommunity · Jul 4, 2020 · 415e998 · 415e998
1 parent ff31927
commit 415e998
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/app/views/dashboard.html b/app/views/dashboard.html
@@ -1,8 +1,8 @@
 
 <div ng-form="formDashboard" id="formPoints" class="form" ng-show="!loading">
 
-    <div class="form-row">
-        <div class="col">
+    <div class="form-row mb-3 mb-lg-0">
+        <div class="col-12 col-lg-auto">
             <div class="form-group">
                 <div class="input-group">
                     <input name="period_start" id="period_start" type="text" placeholder="mm/dd/yyyy" class="form-control" date-formatter uib-datepicker-popup="M!/d!/yyyy" ng-model="period_start" is-open="periodStartDateTimePicker.isOpen" datepicker-options="dateOptions" close-text="Close" />
@@ -14,7 +14,7 @@
                 </div>
             </div>
         </div>
-        <div class="col">
+        <div class="col-12 col-lg-auto">
             <div class="form-group">
                 <div class="input-group">
                     <input name="period_end" id="period_end" type="text" placeholder="mm/dd/yyyy" class="form-control" date-formatter uib-datepicker-popup="M!/d!/yyyy" ng-model="period_end" is-open="periodEndDateTimePicker.isOpen" datepicker-options="dateOptions" close-text="Close" />
@@ -32,7 +32,7 @@
             </div>
         </div>
 
-        <div class="col-2">
+        <div class="col-12 col-lg-auto">
             <a href="#" class="btn btn-block btn-primary" ng-click="getUserActivity()">Full Search</a>
         </div>
     </div>
@@ -110,4 +110,4 @@
 
     </div>
 
-</div>
+</div>