From ea2d040c22f03a5c1bd7d363668ea173460cce0c Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 20 Aug 2020 22:05:12 -0400
Subject: [PATCH] increase side nav width and give extra bottom padding to deal
 with link preview

---
 ui/scss/component/_navigation.scss | 4 ++--
 ui/scss/init/_vars.scss            | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/ui/scss/component/_navigation.scss b/ui/scss/component/_navigation.scss
index 149035ee2..bb447b099 100644
--- a/ui/scss/component/_navigation.scss
+++ b/ui/scss/component/_navigation.scss
@@ -26,7 +26,7 @@
   overflow-y: hidden;
   border-right: 1px solid var(--color-border);
   padding-top: var(--spacing-l);
-  padding-bottom: var(--spacing-l);
+  padding-bottom: var(--spacing-xl);
 
   &:hover {
     overflow-y: auto;
@@ -40,7 +40,7 @@
 .navigation--absolute {
   @extend .navigation;
   z-index: 4;
-  width: var(--side-nav-width--large);
+  width: var(--side-nav-width);
   padding-top: 0;
   background-color: var(--color-card-background);
   border-top: 1px solid var(--color-border);
diff --git a/ui/scss/init/_vars.scss b/ui/scss/init/_vars.scss
index 855141002..d2a0b7ad9 100644
--- a/ui/scss/init/_vars.scss
+++ b/ui/scss/init/_vars.scss
@@ -49,9 +49,8 @@ $breakpoint-large: 1600px;
   --page-max-width--filepage: 1700px;
   --mac-titlebar-height: 1.5rem;
   --mobile: 600px;
-  --side-nav-width: 200px;
+  --side-nav-width: 230px;
   --side-nav-width--micro: 100px;
-  --side-nav-width--large: 250px;
 
   --spacing-main-padding: var(--spacing-xl);
   --floating-viewer-width: 32rem;