fix: #539 reduce separation on search form

Author: enriquezrene

src/app/modules/reports/components/time-range-form/time-range-form.component.html

@@ -1,26 +1,31 @@
-<form [formGroup]="reportForm" (ngSubmit)="onSubmit()">
+<form class="form-inline" [formGroup]="reportForm" (ngSubmit)="onSubmit()">
 
-  <div class="form-group row">
-    <label class="col-12 col-md-2 col-form-label my-1">Start date:</label>
-    <div class="col-12 col-sm-6 col-md-3 my-1">
+  <div class="form-group">
+    <label>Start date:</label>
+    <div>
     <app-input-date
           formControlName="startDate"
           id="startDate"
           required="true"
         ></app-input-date>
     </div>
+  </div>
+
+  <div class="form-group" style="width: 3rem"></div>
 
-    <label class="col-12 col-md-2 col-form-label my-1">End date:</label>
-    <div class="col-12 col-sm-6 col-md-3 my-1">
+  <div class="form-group">
+    <label>End date:</label>
+    <div>
     <app-input-date
           formControlName="endDate"
           id="endDate"
           required="true"
       ></app-input-date>
     </div>
-
-    <div class="col-12 col-md-2 my-1">
-      <button type="submit" class="btn btn-primary">Search</button>
-    </div>
   </div>
+
+  <div class="form-group" style="width: 3rem"></div>
+
+  <button type="submit" class="btn btn-primary">Search</button>
+
 </form>