From cfa2789008b1580f2e904053029f9444399a191c Mon Sep 17 00:00:00 2001
From: Daan Vankerkom <vankerkom@users.noreply.github.com>
Date: Wed, 9 Nov 2022 01:36:07 +0100
Subject: [PATCH] Properly align list view and side nav

- Matching the alignment of the side navigation drawer and the my preferences menu.
- Matching the font sizes and weights.
---
 src/assets/css/librarybrowser.scss    | 7 ++++---
 src/components/listview/listview.scss | 3 ++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index cc3389f3ee..915a71d701 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -273,20 +273,21 @@
     flex-shrink: 0;
 
     [dir="ltr"] & {
-        margin-right: 1.2em;
+        margin-right: 1em;
     }
 
     [dir="rtl"] & {
-        margin-left: 1.2em;
+        margin-left: 1em;
     }
 }
 
 .navMenuOptionText {
+    line-height: 1.35em;
     white-space: nowrap;
-    margin-top: 0.25em;
 }
 
 .sidebarHeader {
+    font-size: 1em;
     margin: 1em 0 0.5em;
 
     [dir="ltr"] & {
diff --git a/src/components/listview/listview.scss b/src/components/listview/listview.scss
index 33a5ceadd1..025ce596b3 100644
--- a/src/components/listview/listview.scss
+++ b/src/components/listview/listview.scss
@@ -122,10 +122,11 @@
     padding: 0.1em 0;
     overflow: hidden;
     text-overflow: ellipsis;
+    font-weight: 400;
 }
 
 .layout-desktop .listItemBodyText {
-    margin: 0.25em 0 0 0;
+    line-height: 1.2em;
 }
 
 .listItemBodyText-nowrap {