A lot of minor improvements, cleanup, narrow mobile side blank spaces

[github/shaarli/Shaarli.git] / tpl / default / tools.html

diff --git a/tpl/default/tools.html b/tpl/default/tools.html
index 3f2cf0f1af2f19548fa75339912b3590a37aa437..b9df32d9ee31ca8bdd386f58a5c60ef253e976a4 100644 (file)
--- a/tpl/default/tools.html
+++ b/tpl/default/tools.html
@@ -7,8 +7,8 @@
 {include="page.header"}
 
 <div class="pure-g">
-  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
-  <div class="pure-u-lg-1-3 pure-u-3-4 page-form page-form-light">
+  <div class="pure-u-lg-1-3 pure-u-1-24"></div>
+  <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
     <h2 class="window-title">{'Settings'|t}</h2>
     <div class="tools-item">
       <a href="?do=configure" title="{'Change Shaarli settings: title, timezone, etc.'|t}">
@@ -57,13 +57,13 @@
 </div>
 
 <div class="pure-g">
-  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
-  <div class="pure-u-lg-1-3 pure-u-3-4 page-form page-form-light">
+  <div class="pure-u-lg-1-3 pure-u-1-24"></div>
+  <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
     <h2 class="window-title">Bookmarklets</h2>
-    <div>
+    <p>
       {'Drag one of these button to your bookmarks toolbar or right-click it and "Bookmark This Link"'|t},
       {'then click on the bookmarklet in any page you want to share.'|t}
-    </div>
+    </p>
     <div class="tools-item">
       <a title="{'Drag this link to your bookmarks toolbar or right-click it and Bookmark This Link'|t},
                 {'then click ✚Shaare link button in any page you want to share'|t}"
@@ -96,8 +96,8 @@
 
 {if="$sslenabled"}
   <div class="pure-g">
-    <div class="pure-u-lg-1-3 pure-u-1-8"></div>
-    <div class="pure-u-lg-1-3 pure-u-3-4 page-form page-form-light">
+    <div class="pure-u-lg-1-3 pure-u-1-24"></div>
+    <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
       <h2 class="window-title">Firefox Social API</h2>
       <p>{'You need to browse your Shaarli over <strong>HTTPS</strong> to use this functionality.'|t}</p>
 
@@ -112,8 +112,8 @@
 {/if}
 
 <div class="pure-g">
-  <div class="pure-u-lg-1-3 pure-u-1-8"></div>
-  <div class="pure-u-lg-1-3 pure-u-3-4 page-form page-form-light">
+  <div class="pure-u-lg-1-3 pure-u-1-24"></div>
+  <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
     <h2 class="window-title">{'3rd party'|t}</h2>
     <div class="tools-item">
       <a href="https://addons.mozilla.org/fr/firefox/addon/shaarli/" title="Firefox {'Plugin'|t}">
@@ -126,6 +126,18 @@
         <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Chrome {'plugin'|t}</span>
       </a>
     </div>
+    <div class="tools-item">
+      <a href="https://play.google.com/store/apps/details?id=com.dimtion.shaarlier&hl=fr"
+         title="Android">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">Android</span>
+      </a>
+    </div>
+    <div class="tools-item">
+      <a href="https://itunes.apple.com/app/ShaarliOS/id1027441388?mt=8"
+         title="iOS">
+        <span class="pure-button pure-u-lg-2-3 pure-u-3-4">iOS</span>
+      </a>
+    </div>
   </div>
 </div>