diff options
| -rw-r--r-- | youtube/common.py | 1 | ||||
| -rw-r--r-- | youtube/shared.css | 33 |
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; |