fix: incorrect margin in primary navigation (#437)

* fix: incorrect margin in primary navigation * chore: apply suggestions from code review Co-authored-by: Stijn Taelemans <stijn@digita.ai>
netwerk-digitaal-erfgoed · Aug 23, 2021 · 54c46b0 · 54c46b0
1 parent bf46632
commit 54c46b0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/solid-crs-components/lib/sidebar/sidebar-list-item.component.ts b/packages/solid-crs-components/lib/sidebar/sidebar-list-item.component.ts
@@ -56,13 +56,13 @@ export class SidebarListItemComponent extends RxLitElement {
         background-color: var( --colors-background-light);
         color: var(--colors-foreground-normal);
         fill: var(--colors-foreground-normal);
-        height: 45px;
         display: flex;
         flex-direction: row;
         align-items: center;
         cursor: pointer;
         justify-content: space-between;
-        padding: 0 var(--gap-large);
+        padding: var(--gap-small) var(--gap-large);
+        height: var(--font-size-header-normal);
       }
 
       .item.selected, .item:hover:not(.title) {
@@ -86,6 +86,7 @@ export class SidebarListItemComponent extends RxLitElement {
 
       .item.title {
         cursor: default;
+        padding: var(--gap-normal) var(--gap-large) 0;
       }
 
       .actions {