Update class to make event logs filter responsive

- For small viewports updated class to make event logs filter
  responsive.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I95ff82c0b4765815f70467b5ca748dcc3043d35d
diff --git a/src/components/Global/TableDateFilter.vue b/src/components/Global/TableDateFilter.vue
index 1313edd..e198e92 100644
--- a/src/components/Global/TableDateFilter.vue
+++ b/src/components/Global/TableDateFilter.vue
@@ -1,6 +1,6 @@
 <template>
   <b-row class="mb-2">
-    <b-col class="d-flex">
+    <b-col class="d-sm-flex">
       <b-form-group
         :label="$t('global.table.fromDate')"
         label-for="input-from-date"
@@ -12,7 +12,7 @@
             v-model="fromDate"
             placeholder="YYYY-MM-DD"
             :state="getValidationState($v.fromDate)"
-            class="form-control-with-button"
+            class="form-control-with-button mb-3 mb-md-0"
             @blur="$v.fromDate.$touch()"
           />
           <b-form-invalid-feedback role="alert">