add link to local playlists on all pages

2 files changed, 25 insertions, 9 deletions

diff --git a/youtube/common.py b/youtube/common.py
index 1eeeb61..eaabdda 100644
--- a/youtube/common.py
+++ b/youtube/common.py
@@ -307,6 +307,7 @@ $playlists
                     <button type="submit" id="playlist-add-button">Add to playlist</button>
                     <button type="reset" id="item-selection-reset">Clear selection</button>
                 </form>
+                <a href="/youtube.com/playlists" id="local-playlists">Local playlists</a>
             </div>
         </header>
 ''')
diff --git a/youtube/shared.css b/youtube/shared.css
index 6803e05..dc1d121 100644
--- a/youtube/shared.css
+++ b/youtube/shared.css
@@ -42,6 +42,7 @@ address{
     display:grid;
     grid-template-columns: 1fr 640px;
 }
+
     #site-search{
         grid-column: 2;
         display: grid;
@@ -69,8 +70,9 @@ address{
     grid-column:2;
     
     display:grid;
-    grid-template-columns:40px 400px 100px 1fr;
-    grid-template-rows: 1fr 1fr;
+    grid-template-columns:40px auto auto auto 1fr;
+    grid-template-rows: 1fr;
+    width: 550px;
 }
     #playlist-add{
         display:contents;
@@ -79,18 +81,31 @@ address{
             grid-column:2;
             grid-row:1;
             justify-self:start;
+            align-self: center;
         }
         #playlist-add-button{
-            grid-column:2;
-            grid-row:2;
-            justify-self:start;
+            grid-column:3;
+            grid-row:1;
+            align-self: center;
+            padding-left: 10px;
+            padding-right: 10px;
         }
         #item-selection-reset{
-            grid-column:3;
-            grid-row:2;
-            justify-self:center;
+            grid-column:4;
+            grid-row:1;
+            align-self: center;
+            padding-left: 10px;
+            padding-right: 10px;
         }
-   
+
+        #local-playlists{
+            grid-column: 5;
+            grid-row:1;
+            align-self: center;
+            margin-right:5px;
+            color: #ffffff;
+        }
+
 .item-list{
     display: grid;
     grid-auto-rows: 138px;