From ce8dd0356840c533227ce22bf0748aa65904c642 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 28 May 2025 13:12:48 -0700
Subject: [PATCH] style: clean up CSS by removing unused classes and adjusting
 margins

- Removed unnecessary margin adjustments for .vshift and .hshift classes in Eth0.css and default-base.css.
- Added a new rule to fix the margin-top for UD titles to prevent overlapping with tabs.
---
 emhttp/plugins/dynamix/sheets/Eth0.css        |  4 ---
 .../plugins/dynamix/styles/default-base.css   | 25 ++++++-------------
 2 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/emhttp/plugins/dynamix/sheets/Eth0.css b/emhttp/plugins/dynamix/sheets/Eth0.css
index 9b9647406..b27ea1cdd 100644
--- a/emhttp/plugins/dynamix/sheets/Eth0.css
+++ b/emhttp/plugins/dynamix/sheets/Eth0.css
@@ -8,10 +8,6 @@ span.blue {
 span.green {
     color: var(--green-800);
 }
-span.vshift {
-    margin-top: 0 !important;
-}
-
 /* Input styles */
 input.gap {
     margin-right: 6px;
diff --git a/emhttp/plugins/dynamix/styles/default-base.css b/emhttp/plugins/dynamix/styles/default-base.css
index 8243e395a..1cbd893dc 100644
--- a/emhttp/plugins/dynamix/styles/default-base.css
+++ b/emhttp/plugins/dynamix/styles/default-base.css
@@ -504,9 +504,6 @@ div.title {
 div.title span img {
     padding-right: 4px;
 }
-div.title.shift {
-    margin-top: -30px;
-}
 #menu {
     width: 100%;
     display: grid;
@@ -1170,17 +1167,6 @@ span.status {
     display: inline-block;
     margin-left: auto;
 }
-span.status.vhshift {
-    margin-top: 0;
-    /* leaving for reference, but should likely not be needed anymore */
-    /* margin-right: -9px; */
-}
-span.status.vshift {
-    margin-top: -16px;
-}
-span.status.hshift {
-    margin-right: -20px;
-}
 span.diskinfo {
     float: left;
     clear: both;
@@ -1966,6 +1952,14 @@ span#wlan0 {
 .scrollbar-thin {
     scrollbar-width: thin;
 }
+
+/* plugin overrides */
+/* fix UD title margin-top from overlapping tabs */
+div.title.ud,
+div#title.ud {
+    margin-top: 0 !important;
+}
+
 /*
  * Using CSS Nesting, to narrow down the scope of the styles to the .Theme--sidebar class.
  * This allows us to have default-azure & default-gray set css variables
@@ -2373,9 +2367,6 @@ span#wlan0 {
     div.title:first-of-type {
         margin-top: 0;
     }
-    div.title.shift {
-        margin-top: -12px;
-    }
 
     .usage-bar {
         position: relative;