From e2a9e81dbce300665b8d6923568abf3cc0dfd539 Mon Sep 17 00:00:00 2001
From: cmdr2 <secondary.cmdr2@gmail.com>
Date: Tue, 8 Nov 2022 17:40:47 +0530
Subject: [PATCH] Show tooltips on 'Copy Image Settings'

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

diff --git a/ui/index.html b/ui/index.html
index 80d8636d..3dcbcdcd 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -6,7 +6,7 @@
     <link rel="icon" type="image/png" href="/media/images/favicon-32x32.png" sizes="32x32">
     <link rel="stylesheet" href="/media/css/fonts.css?v=1">
     <link rel="stylesheet" href="/media/css/themes.css?v=1">
-    <link rel="stylesheet" href="/media/css/main.css?v=5">
+    <link rel="stylesheet" href="/media/css/main.css?v=6">
     <link rel="stylesheet" href="/media/css/auto-save.css?v=3">
     <link rel="stylesheet" href="/media/css/modifier-thumbnails.css?v=3">
     <link rel="stylesheet" href="/media/css/fontawesome-all.min.css?v=1">
@@ -280,7 +280,7 @@
 <script src="media/js/auto-save.js?v=4"></script>
 <script src="media/js/main.js?v=8"></script>
 <script src="media/js/themes.js?v=3"></script>
-<script src="media/js/dnd.js?v=3"></script>
+<script src="media/js/dnd.js?v=4"></script>
 <script>
 async function init() {
     await initSettings()
diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 2df03a64..fdcedfab 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -570,13 +570,13 @@ input::file-selector-button {
         padding: 0px !important;
         margin: 24px !important;
     }
-    #reset-image-settings .simple-tooltip.right {
+    .simple-tooltip.right {
         right: initial;
         left: 0px;
         top: 50%;
         transform: translate(calc(-100% + 15%), -50%);
     }
-    :hover > #reset-image-settings .simple-tooltip.right {
+    :hover > .simple-tooltip.right {
         transform: translate(100%, -50%);
     }
 }
@@ -589,11 +589,12 @@ input::file-selector-button {
     position: relative;
     transform: translateY(-13%);
 }
- #copy-image-settings {
+#copy-image-settings {
+    position: relative;
     cursor: pointer;
     padding: 8px;
     opacity: 1;
-    transition: opacity 0.5;
+    transition: opacity 0.2;
 }
 .collapsible:not(.active) #copy-image-settings {
     display: none;
@@ -606,7 +607,7 @@ input::file-selector-button {
 .simple-tooltip {
 	border-radius: 3px;
 	font-weight: bold;
-	font-size: 16px;
+	font-size: 12px;
     background-color: var(--background-color3);
 
 	visibility: hidden;