From 741f375e22d8e3df13e22a015b9fd4a7999f6903 Mon Sep 17 00:00:00 2001
From: SurenNeware <sneware9@in.ibm.com>
Date: Mon, 5 Oct 2020 19:23:42 +0530
Subject: 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
---
 src/components/Global/TableDateFilter.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/components/Global/TableDateFilter.vue')

diff --git a/src/components/Global/TableDateFilter.vue b/src/components/Global/TableDateFilter.vue
index 1313eddd..e198e920 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">
-- 
cgit v1.2.3

