From fb54abe17eee5c4209c9315aef31cd5a10d49bbd Mon Sep 17 00:00:00 2001
From: Ariel Juodziukynas <arieljuod@gmail.com>
Date: Sun, 26 Nov 2023 19:47:22 -0300
Subject: [PATCH] Fix small visual details in game page

---
 .../screens/Game/GamePage/components/HLTB.tsx  |  2 +-
 src/frontend/screens/Game/GamePage/index.scss  | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/frontend/screens/Game/GamePage/components/HLTB.tsx b/src/frontend/screens/Game/GamePage/components/HLTB.tsx
index 3c675da88f..e641277c63 100644
--- a/src/frontend/screens/Game/GamePage/components/HLTB.tsx
+++ b/src/frontend/screens/Game/GamePage/components/HLTB.tsx
@@ -27,7 +27,7 @@ const HLTB = () => {
           title={t('info.clickToOpen', 'Click to open')}
         >
           <Speed />
-          {t('howLongToBeat', 'How Long To Beat')}
+          <b>{t('howLongToBeat', 'How Long To Beat')}</b>
         </div>
       }
     >
diff --git a/src/frontend/screens/Game/GamePage/index.scss b/src/frontend/screens/Game/GamePage/index.scss
index d91ad503ac..dc96bd387f 100644
--- a/src/frontend/screens/Game/GamePage/index.scss
+++ b/src/frontend/screens/Game/GamePage/index.scss
@@ -241,10 +241,7 @@
         transition: color 300ms;
         display: flex;
         align-items: center;
-
-        svg {
-          margin-inline-end: var(--space-3xs);
-        }
+        gap: 0.3rem;
       }
     }
 
@@ -475,6 +472,10 @@
       text-align: left;
     }
 
+    & > .popover-wrapper {
+      z-index: 3;
+    }
+
     &::after {
       content: '';
       display: block;
@@ -603,7 +604,8 @@
 
       &.infoTab,
       &.extraTab {
-        & > div > * {
+        & > div > *,
+        & > div > .popover-wrapper > * {
           display: flex;
           text-align: end;
           font-size: 16px;
@@ -640,6 +642,12 @@
             background: var(--body-background);
           }
         }
+        .popover-wrapper {
+          overflow: visible;
+          .popover {
+            height: auto;
+          }
+        }
       }
     }