From 5e25e2819a1d76ddd1bab1bd828adb0d6b9c9142 Mon Sep 17 00:00:00 2001
From: SurenNeware <sneware9@in.ibm.com>
Date: Wed, 8 Jul 2020 15:57:23 +0530
Subject: Add table responsive layout and fix search icon visibility

-Add responsive layout for all the tables.
-Fix search icon visibility in search component.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: Ibb4f77cf322aeb3699b13ab6cbbdb6cc38efbdc4
---
 .../AccessControl/SslCertificates/SslCertificates.vue      | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'src/views/AccessControl/SslCertificates/SslCertificates.vue')

diff --git a/src/views/AccessControl/SslCertificates/SslCertificates.vue b/src/views/AccessControl/SslCertificates/SslCertificates.vue
index 7dcb4dd9..681ea4be 100644
--- a/src/views/AccessControl/SslCertificates/SslCertificates.vue
+++ b/src/views/AccessControl/SslCertificates/SslCertificates.vue
@@ -49,7 +49,7 @@
     </b-row>
     <b-row>
       <b-col xl="11">
-        <b-table :fields="fields" :items="tableItems">
+        <b-table responsive="md" :fields="fields" :items="tableItems">
           <template v-slot:cell(validFrom)="{ value }">
             {{ value | formatDate }}
           </template>
@@ -94,12 +94,12 @@ import IconTrashcan from '@carbon/icons-vue/es/trash-can/20';
 
 import ModalGenerateCsr from './ModalGenerateCsr';
 import ModalUploadCertificate from './ModalUploadCertificate';
-import PageTitle from '../../../components/Global/PageTitle';
-import TableRowAction from '../../../components/Global/TableRowAction';
-import StatusIcon from '../../../components/Global/StatusIcon';
-import Alert from '../../../components/Global/Alert';
+import PageTitle from '@/components/Global/PageTitle';
+import TableRowAction from '@/components/Global/TableRowAction';
+import StatusIcon from '@/components/Global/StatusIcon';
+import Alert from '@/components/Global/Alert';
 
-import BVToastMixin from '../../../components/Mixins/BVToastMixin';
+import BVToastMixin from '@/components/Mixins/BVToastMixin';
 import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
 
 export default {
@@ -143,7 +143,7 @@ export default {
         {
           key: 'actions',
           label: '',
-          tdClass: 'text-right'
+          tdClass: 'text-right text-nowrap'
         }
       ]
     };
-- 
cgit v1.2.3

