From 44f6f8c5083de80b09a790eb6bbb5f34e682e358 Mon Sep 17 00:00:00 2001
From: mossroy <mossroy@free.fr>
Date: Sun, 4 Aug 2013 09:16:15 +0200
Subject: [PATCH] Externalize a style in .css

---
 css/app.css | 6 ++++++
 index.html  | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/app.css b/css/app.css
index 46277e2f..85e16c5c 100644
--- a/css/app.css
+++ b/css/app.css
@@ -27,4 +27,10 @@
 [role=region] > footer > menu[role=toolbar] {
   margin: 0;
   padding: 0;
+}
+
+#navigationButtons .restrictedSize {
+    max-width: 80%;
+    margin-left: auto;
+    margin-right: auto;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 42e5be7e..d6d1c43f 100644
--- a/index.html
+++ b/index.html
@@ -133,7 +133,7 @@
                     <!-- We need to restrict the size of this navbar,
                     to avoid the top button to be in the scrollbar area :
                     on a device, it can trigger a "page down" of the scrollbar -->
-                    <div style="max-width: 80%; margin-left: auto; margin-right: auto;">
+                    <div class="restrictedSize">
                         <a class="btn btn-large pull-left" id="btnHomeBottom" title="Home"><span class="glyphicon glyphicon-home"></span></a>
                         <a class="btn btn-large" id="btnBack" title="Back"><span class="glyphicon glyphicon-circle-arrow-left"></span></a>
                         <a class="btn btn-large" id="btnForward" title="Forward"><span class="glyphicon glyphicon-circle-arrow-right"></span></a>