Refactor ListCollection and CompositeRow styling

hashicorp · Apr 14, 2020 · 592d50a · 592d50a
1 parent 3664677
commit 592d50a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 8 deletions.
diff --git a/ui-v2/app/styles/components/composite-row/layout.scss b/ui-v2/app/styles/components/composite-row/layout.scss
@@ -4,7 +4,6 @@
   padding: 12px;
   padding-right: 0;
   border: 1px solid;
-  border-bottom: 0;
 }
 %composite-row-intent {
   border: 1px solid;

diff --git a/ui-v2/app/styles/components/composite-row/skin.scss b/ui-v2/app/styles/components/composite-row/skin.scss
@@ -3,6 +3,7 @@
 }
 %composite-row a {
   border-top-color: $gray-200;
+  border-bottom-color: $gray-200;
   border-right-color: transparent;
   border-left-color: transparent;
 }

diff --git a/ui-v2/app/styles/components/consul-service-list/layout.scss b/ui-v2/app/styles/components/consul-service-list/layout.scss
@@ -1,12 +1,7 @@
-%consul-service-list {
-  // Used for every DOM-Recycle scroll pane
-  // TODO: Refactor to have all this DOM-Recycle styling in one place
-  overflow-x: hidden !important;
-}
 %consul-service-row > a > span:first-child {
   margin-right: 4px;
-  width: 18px;
-  height: 18px;
+  width: 16px;
+  height: 16px;
 }
 %consul-service-row > a > span:nth-child(3) {
   margin-left: 4px;

diff --git a/ui-v2/app/styles/components/list-collection.scss b/ui-v2/app/styles/components/list-collection.scss
@@ -2,3 +2,6 @@
   height: 500px;
   position: relative;
 }
+.list-collection > ul {
+  overflow-x: hidden !important;
+}