diff options
author | James Taylor <user234683@users.noreply.github.com> | 2019-08-18 15:57:27 -0700 |
---|---|---|
committer | James Taylor <user234683@users.noreply.github.com> | 2019-08-18 15:57:27 -0700 |
commit | 7f3ca7ee498fe0da2975750fc4864f5f8885165b (patch) | |
tree | 910b92b37f00612e0931f6cc99839e4c6e03bd46 /youtube/templates | |
parent | 1ce500b8a22619b4205596024cf7cbb50af7ae42 (diff) | |
download | yt-local-7f3ca7ee498fe0da2975750fc4864f5f8885165b.tar.lz yt-local-7f3ca7ee498fe0da2975750fc4864f5f8885165b.tar.xz yt-local-7f3ca7ee498fe0da2975750fc4864f5f8885165b.zip |
Layout: Replace local playlists link with home link in header and use flexbox to make it work on smaller window sizes
Diffstat (limited to 'youtube/templates')
-rw-r--r-- | youtube/templates/base.html | 24 |
1 files changed, 11 insertions, 13 deletions
diff --git a/youtube/templates/base.html b/youtube/templates/base.html index 72e3691..aaa0351 100644 --- a/youtube/templates/base.html +++ b/youtube/templates/base.html @@ -16,6 +16,7 @@ </head> <body> <header> + <a href="/youtube.com" id="home-link">Home</a> <form id="site-search" action="/youtube.com/search"> <input type="search" name="query" class="search-box" value="{{ search_box_value }}"> <button type="submit" value="Search" class="search-button">Search</button> @@ -91,19 +92,16 @@ </div> </form> - <div id="header-right"> - <form id="playlist-edit" action="/youtube.com/edit_playlist" method="post" target="_self"> - <input name="playlist_name" id="playlist-name-selection" list="playlist-options" type="text"> - <datalist id="playlist-options"> - {% for playlist_name in header_playlist_names %} - <option value="{{ playlist_name }}">{{ playlist_name }}</option> - {% endfor %} - </datalist> - <button type="submit" id="playlist-add-button" name="action" value="add">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> + <form id="playlist-edit" action="/youtube.com/edit_playlist" method="post" target="_self"> + <input name="playlist_name" id="playlist-name-selection" list="playlist-options" type="text"> + <datalist id="playlist-options"> + {% for playlist_name in header_playlist_names %} + <option value="{{ playlist_name }}">{{ playlist_name }}</option> + {% endfor %} + </datalist> + <button type="submit" id="playlist-add-button" name="action" value="add">Add to playlist</button> + <button type="reset" id="item-selection-reset">Clear selection</button> + </form> </header> <main> {% block main %} |