From 5cb30c8b693a591f11595683aaa4fee4bd93a962 Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Wed, 7 Sep 2022 23:57:19 +0300
Subject: [PATCH] simplify oldUI CSS

---
 manage/manage.css | 41 ++++++++---------------------------------
 1 file changed, 8 insertions(+), 33 deletions(-)

diff --git a/manage/manage.css b/manage/manage.css
index a7b7d670..028c8072 100644
--- a/manage/manage.css
+++ b/manage/manage.css
@@ -195,7 +195,7 @@ a:hover {
   margin-right: .5ex;
 }
 
-.applies-to .target:hover {
+.oldUI .applies-to .target:hover {
   background-color: rgba(128, 128, 128, .15);
 }
 
@@ -410,21 +410,6 @@ button .svg-icon {
   fill: var(--fg);
 }
 
-.expander {
-  cursor: pointer;
-  position: absolute;
-  right: 4px;
-}
-.expander svg {
-  width: 16px;
-  height: 16px;
-  fill: var(--c50);
-}
-.expanded .expander {
-  transform: rotate(180deg);
-  transform-origin: 8px 8px;
-}
-
 /* Default, no update buttons */
 .updater-icons .update,
 .updater-icons .check-update {
@@ -766,12 +751,9 @@ button .svg-icon {
 }
 
 @media (max-width: 850px) {
-  :root {
-    --name-padding-left: 34px;
-  }
-
   body {
-    display: table;
+    display: block;
+    height: auto;
   }
 
   body.all-styles-hidden-by-filters:before {
@@ -789,10 +771,6 @@ button .svg-icon {
     word-break: break-all;
   }
 
-  #installed {
-    table-layout: fixed;
-  }
-
   #search-wrapper,
   #sort-wrapper,
   #header summary {
@@ -808,11 +786,13 @@ button .svg-icon {
   }
 
   #header {
-    display: table-header-group;
     height: auto;
     padding: 0;
     width: 100%;
-    position: static;
+    position: sticky;
+    top: 0;
+    z-index: 1000;
+    background: var(--bg);
     border-right: none;
     border-bottom: 1px dashed var(--c65);
   }
@@ -837,15 +817,10 @@ button .svg-icon {
     padding-left: 0;
   }
 
-  #header h1,
-  #backup-message {
+  #header h1 {
     display: none;
   }
 
-  #backup-buttons {
-    margin-top: 0;
-  }
-
   #header summary {
     margin-top: 0;
     padding-bottom: .25rem;