Improve the looks of the tips a bit

diff --git a/public/index.html b/public/index.html
index b4a7e67fe96d4c0c6d22d08e585f4f5c2bb33547..77b37e113585adc5aef709de5a85884b89f6f57f 100644 (file)
--- 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 ec0e4cb817ec2bff3c9f64c267d56f71aee4fc57..7ed50d380b255f66cf1aad3e015514e76592c4d7 100644 (file)
--- 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;