From 5490ea5377c831b5d5cbb86800ede6bf667dc5cd Mon Sep 17 00:00:00 2001
From: MEUNIER Thibaud <thibaud.meunier@laposte.net>
Date: Sun, 23 Sep 2018 09:25:57 +0200
Subject: [PATCH] forcer la taille des boutons

---
 css/topisto.css | 4 ++++
 index.php       | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/css/topisto.css b/css/topisto.css
index d04b5ef..8401480 100644
--- a/css/topisto.css
+++ b/css/topisto.css
@@ -18,6 +18,10 @@
       margin-bottom: 30px;
   }  
 
+  .btn-topisto {
+    width: 60px !important;
+  }
+
   .btn-secondary {
     background-color: #74716c;
     color:#fff;
diff --git a/index.php b/index.php
index 5cce129..1f27ac2 100644
--- a/index.php
+++ b/index.php
@@ -118,10 +118,10 @@
       <br><br><xsmall>A kind of Blockchain Explorer</xsmall>
     </div>
     <div class="col-sm-2">
-      <a href="#navigation" onclick="javascript:initBlockchain('GENESIS');" class="btn btn-success btn-lg" data-toggle="tooltip" title="GENESIS">
+      <a href="#navigation" onclick="javascript:initBlockchain('GENESIS');" class="btn btn-success btn-lg btn-topisto" data-toggle="tooltip" title="GENESIS">
         <span class="glyphicon glyphicon-fast-backward"></span>
       </a>
-      <a href="#navigation" onclick="javascript:gotoBlock('PREVIOUS');" class="btn btn-info btn-lg" data-toggle="tooltip" title="PREVIOUS">
+      <a href="#navigation" onclick="javascript:gotoBlock('PREVIOUS');" class="btn btn-info btn-lg btn-topisto" data-toggle="tooltip" title="PREVIOUS">
         <span class="glyphicon glyphicon-backward"></span>
       </a>
     </div>
@@ -131,10 +131,10 @@
       </select>
     </div>
     <div class="col-sm-2 text-right">
-      <a id="btn-forward" href="#navigation" onclick="javascript:gotoBlock('NEXT');" class="btn btn-secondary btn-lg" data-toggle="tooltip" title="NEXT">
+      <a id="btn-forward" href="#navigation" onclick="javascript:gotoBlock('NEXT');" class="btn btn-secondary btn-lg btn-topisto" data-toggle="tooltip" title="NEXT">
         <span class="glyphicon glyphicon-forward"></span>
       </a>
-      <a href="#navigation" id="fast_forward_btn" onclick="javascript:blockSelectorChange()" class="btn btn-secondary btn-lg" data-toggle="tooltip" title="LAST">
+      <a href="#navigation" id="fast_forward_btn" onclick="javascript:blockSelectorChange()" class="btn btn-secondary btn-lg btn-topisto" data-toggle="tooltip" title="LAST">
         <span class="glyphicon glyphicon-fast-forward"></span>
       </a>
     </div>