Make more header sticky.

diff --git a/src/templates/_base.tmpl b/src/templates/_base.tmpl
index 74a2cd01bc43a60dfa1b458b7887f667e199fa05..48fefefba9001c88e0e1f264c78f98f744c95ea8 100644 (file)
--- a/src/templates/_base.tmpl
+++ b/src/templates/_base.tmpl
@@ -104,7 +104,6 @@ event_handlers.push(function(data) {  // update player state
 connect_events();
 </script>
 <style>
-html { scroll-padding-top: 5em; } /* so anchor jumps pad off sticky header */
 body { background-color: {{background_color}}; }
 table { width: 100%; }
 td, th { vertical-align: top; text-align: left; margin: 0; padding: 0; }
@@ -125,7 +124,6 @@ td, th { vertical-align: top; text-align: left; margin: 0; padding: 0; }
 <button id="btn_play" class="btn_if_can_play" onclick="player_command('play')">play</button>
 · <span id="player_state" /></span> <a id="a_playing"></a> <span id="playing_tags"></span>
 <hr />
-</div>
 {% block body %}
 {% endblock %}
 </body>

diff --git a/src/templates/file_data.tmpl b/src/templates/file_data.tmpl
index 6cdbef1494fed7d09ea63722fe631b7baa42ee8c..555c05b458631582ea9369502290db8eb1ff59ae 100644 (file)
--- a/src/templates/file_data.tmpl
+++ b/src/templates/file_data.tmpl
@@ -77,6 +77,8 @@ td.dangerous > form > input[type=submit], td.dangerous > button { background-col
 
 
 {% block body %}
+</div>
+
 <table>
 
 <tr>

diff --git a/src/templates/files.tmpl b/src/templates/files.tmpl
index 4c4fa0c531900cd7197b0775a7e101d275e3ffb5..9fbf6d2955dd7abf61629b983498f585965473fc 100644 (file)
--- a/src/templates/files.tmpl
+++ b/src/templates/files.tmpl
@@ -92,6 +92,7 @@ show absent: <input id="input_show_absent" type="checkbox" onclick="update_files
 needed tags: <select id="tags_select" onchange="select_tag()"></select><br />
 <span id="tags"></span>
 <hr />
+</div>
 <p>
 known files (shown: <span id="files_count">?</span>):
 <button onclick="inject_all();">inject all</button>

diff --git a/src/templates/playlist.tmpl b/src/templates/playlist.tmpl
index 0332351a04aaa115c3d6f9a4c99f7a991ed81113..3e36317fa33ee644187e8d5b52d89531d9fc772a 100644 (file)
--- a/src/templates/playlist.tmpl
+++ b/src/templates/playlist.tmpl
@@ -2,6 +2,7 @@
 
 
 {% block css %}
+html { scroll-padding-top: 7.5em; } /* so anchor jumps pad off sticky header */
 td.entry_control { width: 6em; }
 {% endblock %}
 
@@ -53,6 +54,7 @@ event_handlers.push(function(data) {  // update playlist
 <button onclick="player_command('rebuild')">rebuild</button>
 <button onclick="player_command('empty')">empty</button>
 <hr />
+</div>
 <table id="playlist_rows">
 </table>
 {% endblock %}

diff --git a/src/templates/tags.tmpl b/src/templates/tags.tmpl
index a6f9f085171baa71557eac028889b0a9ae45bd22..f6db85b8fe9330639137a16bab8566782f6e3788 100644 (file)
--- a/src/templates/tags.tmpl
+++ b/src/templates/tags.tmpl
@@ -20,6 +20,8 @@ window.addEventListener('load', draw_sortable_table);
 
 
 {% block body %}
+</div>
+
 <table id="sortable_table">
 <tr>
 <th><button class="sorter" onclick="sort_by(this, 'name'); ">name</button></th>

diff --git a/src/templates/yt_queries.tmpl b/src/templates/yt_queries.tmpl
index bd527f36c7cd0d712c52d8daf6058e1fed0082c7..1bbc0af53ced6287993d42a86c017d64aea07992 100644 (file)
--- a/src/templates/yt_queries.tmpl
+++ b/src/templates/yt_queries.tmpl
@@ -6,6 +6,8 @@
 <form action="/{{page_names.yt_queries}}" method="POST" />
 <input name="query" />
 </form>
+</div>
+
 <table>
 <tr>
 <th>retrieved at</th>

diff --git a/src/templates/yt_results.tmpl b/src/templates/yt_results.tmpl
index 057bb8a30112aa6f3217bb6b7cdae2486d1783a5..2115c2b7434a8ddab640ba7cbce15071c5451d9f 100644 (file)
--- a/src/templates/yt_results.tmpl
+++ b/src/templates/yt_results.tmpl
@@ -3,6 +3,8 @@
 
 {% block body %}
 <p>query: {{query}}</p>
+<hr />
+</div>
 <table>
 {% for video in videos %}
 <tr>