From 787635a2adc8863d7198be09871087a8642b4ea9 Mon Sep 17 00:00:00 2001
From: SurenNeware <sneware9@in.ibm.com>
Date: Tue, 24 Nov 2020 22:42:42 +0530
Subject: Add alignment on Event Logs page

- Align table search, count and date components on Event Logs page.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: Id681d50f57a6fca86b8d8ba57f8e3420c1a0e56e
---
 src/views/Health/EventLogs/EventLogs.vue               | 18 +++++++++---------
 .../HardwareStatus/HardwareStatusTableDimmSlot.vue     |  2 +-
 .../Health/HardwareStatus/HardwareStatusTableFans.vue  |  2 +-
 .../HardwareStatusTablePowerSupplies.vue               |  2 +-
 .../HardwareStatus/HardwareStatusTableProcessors.vue   |  2 +-
 src/views/Health/Sensors/Sensors.vue                   |  2 +-
 6 files changed, 14 insertions(+), 14 deletions(-)

(limited to 'src/views/Health')

diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue
index e182708c..b5ffd7a7 100644
--- a/src/views/Health/EventLogs/EventLogs.vue
+++ b/src/views/Health/EventLogs/EventLogs.vue
@@ -1,21 +1,21 @@
 <template>
   <b-container fluid="xl">
     <page-title />
-    <b-row class="mb-3">
-      <b-col sm="7" xl="4" class="d-flex flex-column justify-content-end">
+    <b-row class="align-items-start">
+      <b-col sm="8" xl="6" class="d-sm-flex align-items-end">
         <search
           :placeholder="$t('pageEventLogs.table.searchLogs')"
           @change-search="onChangeSearchInput"
           @clear-search="onClearSearchInput"
         />
+        <div class="ml-sm-4">
+          <table-cell-count
+            :filtered-items-count="filteredRows"
+            :total-number-of-cells="allLogs.length"
+          ></table-cell-count>
+        </div>
       </b-col>
-      <b-col sm="3" class="d-flex flex-column justify-content-end">
-        <table-cell-count
-          :filtered-items-count="filteredRows"
-          :total-number-of-cells="allLogs.length"
-        ></table-cell-count>
-      </b-col>
-      <b-col sm="8" md="7" xl="5">
+      <b-col sm="8" md="7" xl="6">
         <table-date-filter @change="onChangeDateTimeFilter" />
       </b-col>
     </b-row>
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
index ce80530b..70df3466 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
@@ -1,6 +1,6 @@
 <template>
   <page-section :section-title="$t('pageHardwareStatus.dimmSlot')">
-    <b-row>
+    <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
         <search
           @change-search="onChangeSearchInput"
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
index ba2e2ced..e16495b1 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
@@ -1,6 +1,6 @@
 <template>
   <page-section :section-title="$t('pageHardwareStatus.fans')">
-    <b-row>
+    <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
         <search
           @change-search="onChangeSearchInput"
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
index 366f5591..7b4e5a19 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
@@ -1,6 +1,6 @@
 <template>
   <page-section :section-title="$t('pageHardwareStatus.powerSupplies')">
-    <b-row>
+    <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
         <search
           @change-search="onChangeSearchInput"
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
index d6a12871..6e2ebdae 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
@@ -1,7 +1,7 @@
 <template>
   <page-section :section-title="$t('pageHardwareStatus.processors')">
     <!-- Search -->
-    <b-row>
+    <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
         <search
           @change-search="onChangeSearchInput"
diff --git a/src/views/Health/Sensors/Sensors.vue b/src/views/Health/Sensors/Sensors.vue
index 96e6ba64..2f9a7efa 100644
--- a/src/views/Health/Sensors/Sensors.vue
+++ b/src/views/Health/Sensors/Sensors.vue
@@ -1,7 +1,7 @@
 <template>
   <b-container fluid="xl">
     <page-title />
-    <b-row>
+    <b-row class="align-items-end">
       <b-col sm="6" md="5" xl="4">
         <search
           :placeholder="$t('pageSensors.searchForSensors')"
-- 
cgit v1.2.3