From a04d46f7cad356da22d794e994195e801f5998b7 Mon Sep 17 00:00:00 2001 From: Dixsie Wolmers Date: Thu, 22 Oct 2020 06:34:56 -0500 Subject: 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 Change-Id: I403575bedc78d71ad05edcae2f59f7df994d3630 --- src/assets/styles/bmc/custom/_tables.scss | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) (limited to 'src/assets') diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss index a712d631..349bfad4 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; -- cgit v1.2.3