webui: fix password reveal pushed to the next line

narrow screens style rule makes input & span `display: block` revert to `inline-block`, assume parent node properly separates stuff
xoseperez · Aug 13, 2024 · 4c005fa · 4c005fa
1 parent 5334739
commit 4c005fa
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/code/html/src/index.css b/code/html/src/index.css
@@ -402,7 +402,7 @@ input.checkbox-toggle::before {
  transition: inherit;
 }
 
-input.checkbox-toggle ~ .pure-form-message {
+input.checkbox-toggle + .pure-form-message {
  margin-top: .625em;
 }
 
@@ -627,7 +627,12 @@ summary {
  font-size: 1.2em;
 }
 
-.password-reveal:after {
+.pure-form input[type="password"]:has(+ .password-reveal),
+.pure-form input[type="text"]:has(+ .password-reveal) {
+ display: inline-block;
+}
+
+.password-reveal::before {
  content: "👁";
 }