From 67b1db14af30f1c4fc5d1cfbfe924f4c9b1270ec Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Fri, 11 Oct 2024 15:34:51 +0200
Subject: [PATCH] UI - Fix scroll offset / tab buttons hiding behind
 menu/header

---
 changedetectionio/static/styles/scss/styles.scss | 8 +++++++-
 changedetectionio/static/styles/styles.css       | 5 ++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/changedetectionio/static/styles/scss/styles.scss b/changedetectionio/static/styles/scss/styles.scss
index 3082d335..af621cce 100644
--- a/changedetectionio/static/styles/scss/styles.scss
+++ b/changedetectionio/static/styles/scss/styles.scss
@@ -147,8 +147,13 @@ body.spinner-active {
   }
 }
 
+.edit-form .tab-pane-inner {
+  // .tab-pane-inner will have the #id that the tab button jumps/anchors to
+  scroll-margin-top: 200px;
+}
+
 section.content {
-  padding-top: 5em;
+  padding-top: 100px;
   padding-bottom: 1em;
   flex-direction: column;
   display: flex;
@@ -931,6 +936,7 @@ $form-edge-padding: 20px;
 }
 
 .tab-pane-inner {
+
   &:not(:target) {
     display: none;
   }
diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index 9e350d35..fbf5fc30 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@@ -605,8 +605,11 @@ body.spinner-active #pure-menu-horizontal-spinner {
     background-color: var(--color-background-menu-link-hover);
     color: var(--color-text-menu-link-hover); }
 
+.edit-form .tab-pane-inner {
+  scroll-margin-top: 200px; }
+
 section.content {
-  padding-top: 5em;
+  padding-top: 100px;
   padding-bottom: 1em;
   flex-direction: column;
   display: flex;