1 files changed, 139 insertions, 0 deletions
diff --git a/meta-ibs/meta-cp2-5422/recipes-phosphor/webui/webui-vue/0077-IBS-custom-styles-_tables.scss.patch b/meta-ibs/meta-cp2-5422/recipes-phosphor/webui/webui-vue/0077-IBS-custom-styles-_tables.scss.patch
new file mode 100644
index 0000000000..fd5a90eaa8
--- /dev/null
+++ b/meta-ibs/meta-cp2-5422/recipes-phosphor/webui/webui-vue/0077-IBS-custom-styles-_tables.scss.patch
@@ -0,0 +1,139 @@
+From cef5d582b6b67188882d347b20630218837f42fe Mon Sep 17 00:00:00 2001
+From: "Andrey V.Kosteltsev" <AKosteltsev@IBS.RU>
+Date: Mon, 27 Jun 2022 23:19:20 +0300
+Subject: [PATCH 7/7] IBS: custom styles _tables.scss
+
+---
+ src/assets/styles/bmc/custom/_tables.scss | 49 +++++++++++++----------
+ 1 file changed, 28 insertions(+), 21 deletions(-)
+
+diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss
+index e8b5a832..f2213e80 100644
+--- a/src/assets/styles/bmc/custom/_tables.scss
++++ b/src/assets/styles/bmc/custom/_tables.scss
+@@ -3,16 +3,16 @@
+   z-index: $zindex-dropdown;
+ 
+   td {
+-    border-top: 1px solid gray("300");
+-    border-bottom: 1px solid gray("300");
++    border-top: 1px solid $gray-10;
++    border-bottom: 1px solid $gray-10;
+     &:first-of-type {
+-      border-left: 1px solid gray("300");
++      border-left: 1px solid $gray-10;
+     }
+     &:last-of-type {
+-      border-right: 1px solid gray("300");
++      border-right: 1px solid $gray-10;
+     }
+     vertical-align: middle;
+-
++    font-size: 0.875rem;
+     // Table action buttons
+     .btn-link {
+       width: 40px;
+@@ -26,19 +26,24 @@
+ 
+   // thead-light added for specificity
+   .thead-light th {
++    background-color: $gray-10;
+     vertical-align: middle;
+-    border-top: 1px solid gray("300");
+-    border-bottom: 1px solid gray("300");
++    border-top: 1px solid $gray-10;
++    border-bottom: 1px solid $gray-10;
+     &:first-of-type {
+-      border-left: 1px solid gray("300");
++      border-left: 1px solid $gray-10;
+     }
+     &:last-of-type {
+-      border-right: 1px solid gray("300");
++      border-right: 1px solid $gray-10;
+     }
+-    color: theme-color("dark");
++    text-transform: uppercase;
++    color: $text-primary;
+     &:focus {
+       outline: none;
+     }
++    & > div {
++      font-size: 0.875rem !important;
++    }
+   }
+ 
+   .status-icon svg {
+@@ -56,20 +61,22 @@
+   }
+ 
+   .b-table-details {
+-    background-color: theme-color("light");
++    background-color: inherit;
+     td {
+-      padding-left: calc(50px + (#{$table-cell-padding} * 2));
+-      padding-right: calc(50px + (#{$table-cell-padding} * 2));
++      padding-left: $table-cell-padding;
++      padding-right: $table-cell-padding;
+     }
+     dl {
+       margin: 0;
+     }
+     dt {
++      font-size: 0.75rem !important;
+       float: left;
+       clear: left;
+       margin-right: $spacer / 2;
+     }
+     dd {
++      font-size: 0.75rem !important;
+       line-height: 1.2
+     }
+   }
+@@ -78,7 +85,7 @@
+     width: 50px;
+     .btn {
+       padding: 0;
+-      width: 50px;
++      width: 40px;
+     }
+     svg {
+       fill: theme-color("dark");
+@@ -104,12 +111,12 @@
+ // Table stacked style for small screen only
+ @include media-breakpoint-down(xs) {
+   .b-table-stacked-sm {
+-    border: 1px solid gray("300");
++    border: 1px solid $gray-10;
+ 
+     tr {
+ 
+-      &:not(:first-child) > td[aria-colindex='1'] {
+-        border-top: 1px solid gray("300");
++      &:not(:first-child) > td[aria-colindex='1'] {        
++        border-top: 1px solid $gray-10;
+         padding-top: 0.625rem;
+       }
+ 
+@@ -157,15 +164,15 @@
+   .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] {
+     &::before {
+       text-align: left;
+-      padding-left: $spacer /2;
++      padding-left: $spacer / 2;
+     }
+ 
+     > div {
+       padding-left: 1rem;
+     }
+   }
++}
+ 
+-  .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
+-    border-top-width: 1px;
+-  }
++.table-responsive, .table-responsive-md {
++  margin-top: 0.5rem;
+ }
+-- 
+2.35.1
+