Fix arrows

2 files changed, 13 insertions, 15 deletions

diff --git a/static/css/style.css b/static/css/style.css
index fec2003..af512e8 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -62,32 +62,26 @@ img {
 }
 
 #left {
-	float: left;
+    float: left;
 	margin-right: 15px;
 	text-decoration: none;
-    text-align: center;
 }
 
 #right {
-	float: right;
+    float: right;
 	margin-left: 15px;
 	text-decoration: none;
-    text-align: center;
 }
 
-#left > img {
+.arrow {
     width: 20px;
     height: 20px;
     vertical-align: middle;
-    float: left;
-    padding-right: 5px;
 }
 
-#right > img {
-    width: 20px;
-    height: 20px;
+.navdate {
     vertical-align: middle;
-    float: right;
+    padding-right: 5px;
     padding-left: 5px;
 }
 
diff --git a/templates/macros.jinja b/templates/macros.jinja
index 9a9f9af..454251d 100644
--- a/templates/macros.jinja
+++ b/templates/macros.jinja
@@ -1,15 +1,19 @@
 {# functions #}
 {% macro left_arrow(target,label) %}
     <a id="left" href="{{target}}">
-        <img src="{{ "images/arrow_left.png" | static_url }}">
-        <span class="navdate">{{label}}</span>
+        <div>
+            <img class="arrow" src="{{ "images/arrow_left.png" | static_url }}">
+            <span class="navdate">{{label}}</span>
+        </div>
     </a>
 {% endmacro %}
 
 {% macro right_arrow(target,label) %}
     <a id="right" href="{{target}}">
-        <img src="{{ "images/arrow_right.png" | static_url }}">
-        <span class="navdate">{{label}}</span>
+        <div>
+            <span class="navdate">{{label}}</span>
+            <img class="arrow" src="{{ "images/arrow_right.png" | static_url }}">
+        </div>
     </a>
 {% endmacro %}