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.

diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss
index f3782875335bb03400a2d4fd88b85c6762467ae6..a528adb0dbe7931ea79c0cf0875b85951a3038c8 100644 (file)
--- 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 8718b188370c6008f5edd77334378242a4b92b3b..b3764e290082ae26e5b9b8c0ccc16f6e7759f414 100644 (file)
--- 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>