fix: adjust css according to spec (#9)

dhis2 · Mar 4, 2022 · 22097d9 · 22097d9
1 parent dcaf06c
commit 22097d9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/MainSidebar/DimensionItem/DimensionItemBase.module.css b/src/components/MainSidebar/DimensionItem/DimensionItemBase.module.css
@@ -3,7 +3,7 @@
     color: var(--colors-grey900);
     fill: var(--colors-grey800);
     display: flex;
-    padding: 2px 4px;
+    padding: 2px var(--spacers-dp8);
     margin: 0;
     border-radius: 3px;
     cursor: pointer;
@@ -25,9 +25,8 @@
 
 .dimensionItem.selected {
     background-color: var(--colors-teal100);
-    color: var(--colors-teal900);
     fill: var(--colors-teal800);
-    font-weight: 500;
+    font-weight: 400;
 }
 
 .dimensionItem.selected:not(.disabled):hover {

diff --git a/src/components/MainSidebar/MainSidebarSection.module.css b/src/components/MainSidebar/MainSidebarSection.module.css
@@ -14,6 +14,6 @@
     display: flex;
     flex-direction: column;
     gap: 4px;
-    padding: var(--spacers-dp8) var(--spacers-dp8) var(--spacers-dp4);
+    padding: 2px 0;
     user-select: none;
 }