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">