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

1 files changed, 10 insertions, 10 deletions

diff --git a/tpl/default/tools.html b/tpl/default/tools.html
index a9b8803b..b9df32d9 100644
--- 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}">