From 592d544d64d9e7e0655aa3d299e855ba5d86ac34 Mon Sep 17 00:00:00 2001
From: Christian Heller <c.heller@plomlompom.de>
Date: Fri, 21 Feb 2025 02:12:00 +0100
Subject: [PATCH] Make more header sticky.

---
 src/templates/_base.tmpl      | 2 --
 src/templates/file_data.tmpl  | 2 ++
 src/templates/files.tmpl      | 1 +
 src/templates/playlist.tmpl   | 2 ++
 src/templates/tags.tmpl       | 2 ++
 src/templates/yt_queries.tmpl | 2 ++
 src/templates/yt_results.tmpl | 2 ++
 7 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/templates/_base.tmpl b/src/templates/_base.tmpl
index 74a2cd0..48fefef 100644
--- 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 6cdbef1..555c05b 100644
--- 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 4c4fa0c..9fbf6d2 100644
--- 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 0332351..3e36317 100644
--- 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 a6f9f08..f6db85b 100644
--- 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 bd527f3..1bbc0af 100644
--- 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 057bb8a..2115c2b 100644
--- 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>
-- 
2.30.2