From 2a9b8790503e8b2aca826646353df34351f3d245 Mon Sep 17 00:00:00 2001
From: Tanguy Fardet <tanguyfardet@protonmail.com>
Date: Wed, 28 Sep 2022 17:11:59 +0200
Subject: [PATCH] Make "to-bottom" link sticky too

---
 buildsrht/templates/job.html | 2 +-
 scss/main.scss               | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/buildsrht/templates/job.html b/buildsrht/templates/job.html
index 69ffe24..e5eed5e 100644
--- a/buildsrht/templates/job.html
+++ b/buildsrht/templates/job.html
@@ -131,7 +131,7 @@
         </tr>
       {% endfor %}
       </table>
-      <a href="#bottom">go to bottom »</a><br>
+      <a class="to-bottom" href="#bottom">go to bottom »</a><br>
       <a class="to-top" href="#">go to top »</a>
     </div>
     <div class="col-lg-9 col-md-12">
diff --git a/scss/main.scss b/scss/main.scss
index d2c1225..8aaaf0f 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -89,12 +89,18 @@ a[href^="mailto:"] {
   font-family: monospace;
 }
 
-.to-top {
+.to-bottom {
   position: -webkit-sticky; /* for safari */
   position: sticky;
   top: 0;
 }
 
+.to-top {
+  position: -webkit-sticky; /* for safari */
+  position: sticky;
+  top: 1.5em;
+}
+
 @media(prefers-color-scheme: dark) {
   .cm-s-default.CodeMirror { background: #272822; color: #f8f8f2; }
   .cm-s-default div.CodeMirror-selected { background: #49483E; }