From: Raphaël Jakse <raphael.trivabble@jakse.fr>
Date: Thu, 8 May 2025 12:39:55 +0000 (+0200)
Subject: Improve the looks of the tips a bit
X-Git-Url: https://secure.softndesign.org/git/?a=commitdiff_plain;h=63a42f058cecf5406661af9958f1ead5c95752ab;p=trivabble.git

Improve the looks of the tips a bit
---

diff --git a/public/index.html b/public/index.html
index b4a7e67..77b37e1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -169,7 +169,7 @@
                         <p data-l10n="text-content" hidden="true">Show a cell to everyone by double-clicking on it.</p>
                         <p data-l10n="text-content" hidden="true">To measure playing time, activate the timer.</p>
                     </div>
-                    <button id="next-help-msg" class="minibutton" data-l10n="title" title="Next tip">→</button>
+                    <button id="next-help-msg" class="minibutton" data-l10n="title,aria-label" title="Next tip" aria-label="Next tip">&gt;</button>
                 </div>
             </div>
             <div class="copyright-info">
diff --git a/public/trivabble.css b/public/trivabble.css
index ec0e4cb..7ed50d3 100644
--- a/public/trivabble.css
+++ b/public/trivabble.css
@@ -749,13 +749,12 @@ button#next-help-msg {
     border:0;
     background:none;
     color:#333;
-    font-size:1.5rem;
+    font-size:1.2rem;
     margin-right:0.5ex;
     background:#F1F1F1;
     border-radius:100rem;
-    height:1.5em;
-    width:1.5em;
-    font-weight:bold;
+    height:1.75rem;
+    width:2.2rem;
     transition:500ms;
     padding:0;
 }
@@ -786,7 +785,7 @@ button#next-help-msg:hover {
     content:"i";
     display:inline-block;
     height:1.2em;
-    width:1.2em;
+    width:1.7em;
     font-style:italic;
     font-weight:bold;
     font-family:serif;