From: sprak3000 <sprak3000+github@gmail.com>
Date: Fri, 2 Oct 2020 18:06:02 +0000 (-0400)
Subject:  Issue #1437 - Make tag cloud/list views buttons more obvious
X-Git-Tag: v0.12.0-beta-2~5^2
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=f4ea7cd5633773a0f6438a1d50dbb70eeacf2f04;hp=-c;p=github%2Fshaarli%2FShaarli.git

 Issue #1437 - Make tag cloud/list views buttons more obvious

 This work alters the markup and CSS for the tag sort UI to match the button feel filters and links per page uses.
---

f4ea7cd5633773a0f6438a1d50dbb70eeacf2f04
diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss
index f3782875..a528adb0 100644
--- a/assets/default/scss/shaarli.scss
+++ b/assets/default/scss/shaarli.scss
@@ -1558,11 +1558,11 @@ form {
   text-align: center;
 
   a {
+    background: $almost-white;
     display: inline-block;
-    margin: 0 15px;
+    padding: 5px;
     text-decoration: none;
-    color: $white;
-    font-weight: bold;
+    color: $dark-grey;
   }
 }
 
diff --git a/tpl/default/tag.sort.html b/tpl/default/tag.sort.html
index 8718b188..b3764e29 100644
--- a/tpl/default/tag.sort.html
+++ b/tpl/default/tag.sort.html
@@ -1,8 +1,8 @@
 <div class="pure-g">
   <div class="pure-u-1 pure-alert pure-alert-success tag-sort">
     {'Sort by:'|t}
-    <a href="{$base_path}/tags/cloud">{'Cloud'|t}</a> &middot;
-    <a href="{$base_path}/tags/list?sort=usage">{'Most used'|t}</a> &middot;
+    <a href="{$base_path}/tags/cloud">{'Cloud'|t}</a>
+    <a href="{$base_path}/tags/list?sort=usage">{'Most used'|t}</a>
     <a href="{$base_path}/tags/list?sort=alpha">{'Alphabetical'|t}</a>
   </div>
 </div>