UI: Fix #2049

public/css/index-tailwind-output.css

@@ -1037,10 +1037,6 @@ video {
   margin-left: 0.5rem;
 }
 
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
 .mr-10 {
   margin-right: 2.5rem;
 }
@@ -1057,6 +1053,10 @@ video {
   margin-left: 1rem;
 }
 
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -1221,14 +1221,14 @@ video {
   height: 6rem;
 }
 
-.h-screen {
-  height: 100vh;
-}
-
 .h-full {
   height: 100%;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
 .h-fit {
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -2023,6 +2023,10 @@ video {
   row-gap: 0.5rem;
 }
 
+.gap-y-4 {
+  row-gap: 1rem;
+}
+
 .gap-x-2 {
   column-gap: 0.5rem;
 }
@@ -2043,10 +2047,6 @@ video {
   row-gap: 2rem;
 }
 
-.gap-y-4 {
-  row-gap: 1rem;
-}
-
 .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.125rem * var(--tw-space-x-reverse));
@@ -2548,16 +2548,16 @@ video {
   border-color: rgb(219 234 254 / var(--tw-border-opacity));
 }
 
-.border-gray-300 {
-  --tw-border-opacity: 1;
-  border-color: rgb(209 213 219 / var(--tw-border-opacity));
-}
-
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
+
 .border-gray-600 {
   --tw-border-opacity: 1;
   border-color: rgb(75 85 99 / var(--tw-border-opacity));
@@ -4619,6 +4619,7 @@ button.as-link {
   border: none;
   border-radius: 0;
   text-decoration: underline;
+  -webkite-text-decoration: underline;
   box-shadow: none;
   margin: 0;
   padding: 0;
@@ -4763,8 +4764,8 @@ textarea {
 }
 
 .link-underline .subtle a {
-  -webkit-text-decoration: underline 1px #7193bb88;
   text-decoration: underline 1px #7193bb88;
+  -webkit-text-decoration: underline;
   color: #7193bb;
 }
 
@@ -4838,13 +4839,13 @@ code {
 }
 
 .link-underline a {
-  -webkit-text-decoration: underline 1px var(--foreground-color);
   text-decoration: underline 1px var(--foreground-color);
+  -webkit-text-decoration: underline;
 }
 
 a.link-underline {
-  -webkit-text-decoration: underline 1px var(--foreground-color);
   text-decoration: underline 1px var(--foreground-color);
+  -webkit-text-decoration: underline;
 }
 
 .link-no-underline a {
@@ -4860,6 +4861,7 @@ a.link-underline {
 .enable-links a {
   pointer-events: unset;
   text-decoration: underline !important;
+  -webkit-text-decoration: underline !important;
   color: unset !important;
 }
 

src/index.css

@@ -267,6 +267,7 @@ button.as-link {
     border: none;
     border-radius: 0;
     text-decoration: underline;
+    -webkite-text-decoration: underline;
     box-shadow: none;
     margin: 0;
     padding: 0;
@@ -413,6 +414,7 @@ textarea {
 
 .link-underline .subtle a {
   text-decoration: underline 1px #7193bb88;
+  -webkit-text-decoration: underline;
   color: #7193bb;
 }
 
@@ -486,10 +488,13 @@ code {
 
 .link-underline a {
   text-decoration: underline 1px var(--foreground-color);
+  -webkit-text-decoration: underline;
+
 }
 
 a.link-underline {
   text-decoration: underline 1px var(--foreground-color);
+  -webkit-text-decoration: underline;
 }
 
 .link-no-underline a {
@@ -505,6 +510,7 @@ a.link-underline {
 .enable-links a {
   pointer-events: unset;
   text-decoration: underline !important;
+  -webkit-text-decoration: underline !important;
   color: unset !important;
 }