From f4ea7cd5633773a0f6438a1d50dbb70eeacf2f04 Mon Sep 17 00:00:00 2001
From: sprak3000 <sprak3000+github@gmail.com>
Date: Fri, 2 Oct 2020 14:06:02 -0400
Subject: [PATCH]  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.
---
 assets/default/scss/shaarli.scss | 6 +++---
 tpl/default/tag.sort.html        | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

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>
-- 
2.41.0