From 33d7ccc256e5a524ebca2212e6b9a013747b2aca Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Thu, 22 Jan 2026 22:40:33 +0000
Subject: [PATCH] =Style updates

---
 all.css |  126 +++++++++++++++++++++++++++++++++--------
 1 files changed, 100 insertions(+), 26 deletions(-)

diff --git a/all.css b/all.css
index 30053b3..84bef9c 100644
--- a/all.css
+++ b/all.css
@@ -7,7 +7,7 @@
 Requires at least: 6.4
 Tested up to: 6.4
 Requires PHP: 7.0
-Version: 1.5.9
+Version: 1.5.92
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: jv
@@ -902,6 +902,7 @@
 .pb-7 { padding-bottom: var(--sp7); }
 
 /** MARGIN **/
+.m-0 {margin: 0;}
 .m-1 {margin: var(--sp1);}
 .m-2 {margin: var(--sp2);}
 .m-3 {margin: var(--sp3);}
@@ -1183,6 +1184,34 @@
     filter: none;
     position: relative;
 }
+    .item-grid.list-view {
+        gap: 0;
+    }
+    .item-grid.list-view .item {
+        aspect-ratio: unset;
+        align-items: flex-start;
+        border-radius: 4px;
+        padding: 1rem 0;
+    }
+    .list-view .item:nth-of-type(even) {
+        background-color: var(--base);
+    }
+    .list-view .item-select {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 18vh;
+    }
+        .list-view .item .col {
+            padding: 0 var(--chip_) 0 1rem;
+        }
+        .list-view .abs {
+            right:0;
+            top:0;
+            width:max-content;
+            --dir:column-reverse;
+            justify-content: flex-end;
+        }
     .item.col {
         --wrap: nowrap;
     }
@@ -1231,8 +1260,7 @@
 .item-grid.list-view {
     display: flex;
     flex-direction: column;
-    gap: 2rem;
-    --gap: 2rem;
+    gap: 0;
 }
 
 .item-grid.list-view .item .col {
@@ -1407,7 +1435,9 @@
 details .icon {
     --w: 1.5em;
 }
-
+details .filters .icon {
+    --w: 1em;
+}
 button.voted .icon,
 button.favourite.favourited {
     animation: favourite-pop .4s cubic-bezier(.25, .46, .45, .94);
@@ -1645,14 +1675,37 @@
     touch-action: pan-x;
     text-transform: lowercase;
 }
+    .term-list small {
+        vertical-align: baseline;
+        margin-left: .5rem;
+        font-style: italic;
+    }
+    .term-list li {
+        display: flex;
+        align-items: center;
+    }
+    .term-list a {
+        align-items: center;
+    }
+
 
 .directory-list > ul
 {
     max-width: 100%;
 }
+.directory-list img {
+    width: 70px;
+}
+    .directory-list .image {
+        display: flex;
+        flex-wrap: nowrap;
+        align-items: center;
+    }
     .directory-list h3 {
         margin: 0;
         text-align: center;
+        font-weight: var(--fw-h-bold);
+        font-family: var(--heading);
         position: sticky;
         font-size: var(--txt-enormous);
         width: 100%;
@@ -2242,6 +2295,7 @@
     --w: 3em;
     justify-content: center;
     align-items: center;
+    inset: 0;
 }
 
 dialog.loading[open]@starting-style {
@@ -2695,12 +2749,26 @@
     animation: pulse 2s infinite;
 }
 
+.refreshNow.fetching .icon,
 aside#queue.pending:not(.expanded) + .qtoggle .icon {
-    background-color: var(--error);
+    background-color: var(--action-0);
     animation: spin 1s var(--trans-fn) infinite;
 }
 
 /* Status count badge */
+
+/*.refresh .countdown {*/
+/*    --justify:center;*/
+/*    --align: center;*/
+/*    --offset: 0;*/
+/*    left: .25rem;*/
+/*    margin: 0 3px;*/
+/*    border-radius: 50%;*/
+/*    background-color: var(--base);*/
+/*    width: 1em;*/
+/*    height: 1em;*/
+/*}*/
+.refresh .countdown,
 .qtoggle .count {
     --align: center;
     --justify: center;
@@ -2948,15 +3016,6 @@
     font-size: var(--txt-x-small);
 }
 
-.refresh .countdown {
-    --justify:center;
-    --align: center;
-    --offset: 0;
-    right: var(--offset);
-    margin: 0 3px;
-    border-radius: 50%;
-    border: 1px solid var(--base-200);
-}
 
 .refreshNow {
     width: var(--btn);
@@ -2972,11 +3031,6 @@
     --w: 18px;
 }
 
-/* Refreshing animation */
-#queue.pending.expanded .refreshNow .icon {
-    animation: spin 1.5s var(--trans-fn) infinite;
-}
-
 /**************************************************
 DELAY
 **************************************************/
@@ -3217,16 +3271,23 @@
     border-radius: 4px;
     padding: 0 .5rem;
     position: fixed;
-    bottom: 0;
-    right: calc(var(--btn_) + 1rem);
+    top: var(--btnbtn);
+    right: 1rem;
     --w: 1em;
     box-shadow:var(--shdw);
     display:flex;
     flex-wrap: nowrap;
     gap: 1rem;
 }
-body:has(.fixed.bottom) .fstatus {
-    bottom: var(--btn_);
+@media (min-width: 768px) {
+    .fstatus {
+        right:calc(var(--btn_) + 1rem);
+        bottom: 0;
+        top: unset;
+    }
+    body:has(.fixed.bottom) .fstatus {
+        bottom: var(--btn_);
+    }
 }
 
 .fstatus .spinner {
@@ -3305,13 +3366,17 @@
     padding: 2rem;
 }
 
+.timeline.terms ul,
 .timeline.terms {
     list-style: none;
-    display: flex;
+    display: inline-flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: flex-start;
 }
+    .timeline.terms ul {
+        gap: 1rem;
+    }
 
 .timeline.terms > li {
     width: 100%;
@@ -3799,7 +3864,7 @@
 
 .toggle-text label::before,
 .toggle-text label::after {
-    display: none;
+    display: none!important;
 }
 
 .toggle-text label {
@@ -3808,7 +3873,8 @@
 
 .toggle-text input + label .text {
     position: relative;
-    margin: 0 .5rem;
+    margin: 0;
+    --gap: 0;
     font-weight: bold;
     width: fit-content;
     padding: 2px 4px;
@@ -3913,6 +3979,14 @@
     padding-left: 0!important;
 }
 
+/*.auto-wrapper {*/
+/*    position: absolute;*/
+/*    bottom: -105%;*/
+/*    background-color: rgba(var(--base-rgb), var(--op-5));*/
+/*    backdrop-filter: blur(2px);*/
+/*    border-radius: var(--radius);*/
+/*    z-index: 1;*/
+/*}*/
 .autocomplete-dropdown {
     width: 100%;
     background-color: var(--base-100);

--
Gitblit v1.10.0