aboutsummaryrefslogtreecommitdiffstats
path: root/youtube/templates/base.html
diff options
context:
space:
mode:
authorJames Taylor <user234683@users.noreply.github.com>2019-08-18 15:57:27 -0700
committerJames Taylor <user234683@users.noreply.github.com>2019-08-18 15:57:27 -0700
commit7f3ca7ee498fe0da2975750fc4864f5f8885165b (patch)
tree910b92b37f00612e0931f6cc99839e4c6e03bd46 /youtube/templates/base.html
parent1ce500b8a22619b4205596024cf7cbb50af7ae42 (diff)
downloadyt-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/base.html')
-rw-r--r--youtube/templates/base.html24
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 %}