From aa3dc97a9081ec7150973cc3923b2a484439ba17 Mon Sep 17 00:00:00 2001
From: berrymot <merrybot47@gmail.com>
Date: Sun, 17 Dec 2023 14:39:46 -0800
Subject: [PATCH] no more .always

---
 index.html | 6 +++---
 style.css  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 4070caf..4a88eb1 100644
--- a/index.html
+++ b/index.html
@@ -59,10 +59,10 @@ <h1>la xlasisku</h1>
             </span>
         </p>
         <div id="fakebox">
-            <label class="always" id="before" for="search"><wbr /></label>
+            <label id="before" for="search"><wbr /></label>
             <input type="text" id="search" name="search" autocomplete="off" spellcheck="false" placeholder="loading" disabled size="1" />
-            <label class="always" id="after" for="search"><wbr /></label>
-            <span class="always" id="clear-wrap">&nbsp;<button class="always" id="clear">×</button></span>
+            <label id="after" for="search"><wbr /></label>
+            <span id="clear-wrap">&nbsp;<button id="clear">×</button></span>
         </div>
         <div id="info"></div>
         <div id="length"></div>
diff --git a/style.css b/style.css
index 069f0ed..877d0b7 100644
--- a/style.css
+++ b/style.css
@@ -133,7 +133,7 @@ body {
 #search:disabled::placeholder {
     color: rgba(var(--fg), var(--op-8));
 }
-.always {
+#fakebox :not(input) {
     color: rgba(var(--fg), var(--op-c));
     padding: 0;
 }
@@ -144,7 +144,7 @@ body {
     display: inline;
 }
 #clear {
-    color: rgb(var(--err));
+    color: rgb(var(--err)) !important;
 }
 /* lujvo things / regex errors */
 #info {
@@ -261,7 +261,7 @@ math {
 hr {
     border: 1px solid rgb(var(--fg));
 }
-:not(input, hr, br, .always):empty {
+:not(hr, br, #fakebox *):empty {
     display: none;
 }
 h1, h1 + p {