commit a04d46f7cad356da22d794e994195e801f5998b7
author Dixsie Wolmers <dixsie@ibm.com> Thu Oct 22 06:34:56 2020 -0500
committer Derick Montague <derick.montague@ibm.com> Tue Oct 27 18:09:51 2020 +0000
tree 9b4547d72d584f2a3a7befd263a9342591881bea
parent 736f2a4b3c5569f3e2644525845245477e7ba2ff

Fix table row alignment and table head border

- Aligns content in table rows with expand and action buttons
- Adds border to table head

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I403575bedc78d71ad05edcae2f59f7df994d3630

src/assets/styles/bmc/custom/_tables.scss

diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss
index a712d63..349bfad 100644
--- a/src/assets/styles/bmc/custom/_tables.scss
+++ b/src/assets/styles/bmc/custom/_tables.scss
@@ -11,6 +11,7 @@
     &:last-of-type {
       border-right: 1px solid gray("300");
     }
+    vertical-align: middle;
 
     // Table action buttons
     .btn-link {
@@ -23,9 +24,17 @@
     }
   }
 
-  // thead-light added for specificiy
+  // thead-light added for specificity
   .thead-light th {
-    border: none;
+    vertical-align: middle;
+    border-top: 1px solid gray("300");
+    border-bottom: 1px solid gray("300");
+    &:first-of-type {
+      border-left: 1px solid gray("300");
+    }
+    &:last-of-type {
+      border-right: 1px solid gray("300");
+    }
     color: theme-color("dark");
     &:focus {
       outline: none;