From cc2666b9d6d5f027afc17b347f5e9fd761e12e67 Mon Sep 17 00:00:00 2001
From: JeLuF <jf@mormo.org>
Date: Sun, 24 Sep 2023 22:06:30 +0200
Subject: [PATCH] Fix 'Swap w&h' tooltip

---
 ui/index.html         | 4 +++-
 ui/media/css/main.css | 8 +++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index 96e93ca7..a830ce70 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -291,7 +291,9 @@
                             <option value="2048">2048</option>
                         </select>
                         <label id="widthLabel" for="width"><small><span>(width)</span></small></label>
-                        <span id="swap-width-height" class="clickable smallButton" style="margin-left: 2px; margin-right:2px;"><i class="fa-solid fa-right-left"><span class="simple-tooltip top-left"> Swap width and height </span></i></span>
+                        <div class="tooltip-container">
+                            <span id="swap-width-height" class="clickable smallButton" style="margin-left: 2px; margin-right:2px;"><i class="fa-solid fa-right-left"><span class="simple-tooltip top-left"> Swap width and height </span></i></span>
+                        </div>
                         <select id="height" name="height" value="512">
                             <option value="128">128</option>
                             <option value="192">192</option>
diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 32d7df88..009c13d5 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -1214,6 +1214,12 @@ input::file-selector-button {
         visibility: visible;
     }
 }
+
+.tooltip-container {
+    display: inline-block;
+    position: relative;
+}
+
 .simple-tooltip.right {
     right: 0px;
     top: 50%;
@@ -2033,4 +2039,4 @@ div#enlarge-buttons {
     border-radius: 4pt;
     padding-top: 6pt;
     color: var(--small-label-color);
-}
\ No newline at end of file
+}