Fix #918

UI/Popup/FeatureInfoBox.ts

@@ -54,7 +54,7 @@ export default class FeatureInfoBox extends ScrollableFullScreen {
         const titleIcons = new Combine(
             layerConfig.titleIcons.map(icon => {
                     return new TagRenderingAnswer(tags, icon, state,
-                        "block h-8 max-h-8 align-baseline box-content sm:p-0.5").SetClass("flex");
+                        "block h-8 max-h-8 align-baseline box-content sm:p-0.5 titleicon");
                 }
             ))
             .SetClass("flex flex-row flex-wrap pt-0.5 sm:pt-1 items-center mr-2")

css/index-tailwind-output.css

@@ -1668,10 +1668,6 @@ video {
   font-weight: 600;
 }
 
-.font-medium {
-  font-weight: 500;
-}
-
 .uppercase {
   text-transform: uppercase;
 }
@@ -1701,10 +1697,6 @@ video {
   --tw-ordinal: ordinal;
 }
 
-.leading-6 {
-  line-height: 1.5rem;
-}
-
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -1912,6 +1904,14 @@ svg, img {
   height: 100%;
 }
 
+.titleicon img {
+  width: unset;
+}
+
+.titleicon svg {
+  width: unset;
+}
+
 .svg-catch svg path {
   fill: var(--catch-detail-color) !important;
   stroke: var(--catch-detail-color) !important;
@@ -2507,16 +2507,6 @@ input {
   color: var(--unsubtle-detail-color-contrast);
 }
 
-.group:hover .group-hover\:text-blue-800 {
-  --tw-text-opacity: 1;
-  color: rgba(30, 64, 175, var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-blue-900 {
-  --tw-text-opacity: 1;
-  color: rgba(30, 58, 138, var(--tw-text-opacity));
-}
-
 @media (min-width: 640px) {
   .sm\:mx-auto {
     margin-left: auto;

index.css

@@ -137,6 +137,13 @@ svg, img {
     height: 100%;
 }
 
+.titleicon img {
+    width: unset;
+}
+
+.titleicon svg {
+    width: unset;
+}
 .svg-catch svg path {
     fill: var(--catch-detail-color) !important;
     stroke: var(--catch-detail-color) !important;