Fix alignement and better clarity for 'List all links with those tags' button

Fix CSS class typo and display the link as a button

Fixes #999

diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 9065f8877a24f151ea0143a67bc98bbcfe8953b8..14439402f26237b9694add9ba9e7205dd1e61e81 100644 (file)
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -1327,4 +1327,22 @@ form[name="linkform"].page-form {
 
 .markdown *:last-child {
     margin-bottom: 5px !important;
-}
\ No newline at end of file
+}
+
+/**
+ * Pure Button
+ */
+.pure-button-success,
+.pure-button-error,
+.pure-button-warning,
+.pure-button-primary,
+.pure-button-shaarli,
+.pure-button-secondary {
+    color: white !important;
+    border-radius: 4px;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.pure-button-shaarli {
+    background-color: #1B926C;
+}

diff --git a/tpl/default/tag.cloud.html b/tpl/default/tag.cloud.html
index 68335c709ba90b5be6b79e80e2cabd9c03b05b9f..12701465e3b07704d9ab5a20c66ab24a9256ac5e 100644 (file)
--- a/tpl/default/tag.cloud.html
+++ b/tpl/default/tag.cloud.html
@@ -14,8 +14,10 @@
     {$countTags=count($tags)}
     <h2 class="window-title">{'Tag cloud'|t} - {$countTags} {'tags'|t}</h2>
     {if="!empty($search_tags)"}
-    <p class="enter">
-      <a href="?searchtags={$search_tags|urlencode}">{'List all links with those tags'|t}</a>
+    <p class="center">
+      <a href="?searchtags={$search_tags|urlencode}" class="pure-button pure-button-shaarli">
+        {'List all links with those tags'|t}
+      </a>
     </p>
     {/if}
 

diff --git a/tpl/default/tag.list.html b/tpl/default/tag.list.html
index a3e741d394588ebe8730e6ba73e91c89ef06397a..7140c67a8e174647ffbb8581bb9863faf880f880 100644 (file)
--- a/tpl/default/tag.list.html
+++ b/tpl/default/tag.list.html
@@ -15,7 +15,9 @@
     <h2 class="window-title">{'Tag list'|t} - {$countTags} {'tags'|t}</h2>
     {if="!empty($search_tags)"}
       <p class="center">
-        <a href="?searchtags={$search_tags|urlencode}">{'List all links with those tags'|t}</a>
+        <a href="?searchtags={$search_tags|urlencode}" class="pure-button pure-button-shaarli">
+          {'List all links with those tags'|t}
+        </a>
       </p>
     {/if}