From 1bb816206ccb83c050182fbb9f887778ae78e251 Mon Sep 17 00:00:00 2001
From: pietervdvn <pietervdvn@posteo.net>
Date: Sat, 9 Jul 2022 20:35:59 +0200
Subject: [PATCH] Fix #918

---
 UI/Popup/FeatureInfoBox.ts    |  2 +-
 css/index-tailwind-output.css | 26 ++++++++------------------
 index.css                     |  7 +++++++
 3 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/UI/Popup/FeatureInfoBox.ts b/UI/Popup/FeatureInfoBox.ts
index 143fb6e5d..a277a7d7f 100644
--- a/UI/Popup/FeatureInfoBox.ts
+++ b/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")
diff --git a/css/index-tailwind-output.css b/css/index-tailwind-output.css
index 6bef61478..f8e22e23b 100644
--- a/css/index-tailwind-output.css
+++ b/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;
diff --git a/index.css b/index.css
index 7e8799923..5ac1901b8 100644
--- a/index.css
+++ b/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;