Center text in navigation anchor tags with icons

Marcel Kawski
1 parent 0110a008
Showing 3 changed files with 18 additions and 4 deletions
collector/storage/static/storage/css/document.css
collector/storage/templates/storage/annotation.html
collector/storage/templates/storage/review.html
@@ -361,4 +361,18 @@ ul.legend {
  
 .order {
     margin-left: 20px;
+}
+
+.nav-text {
+ font-size: 20px;
+ line-height: 88px;
+}
+
+.nav-button {
+    display: inline-flex;
+    vertical-align: top;
+}
+
+.nav-anchor:hover {
+    text-decoration: none;
 }
 \ No newline at end of file
@@ -13,8 +13,8 @@
  
   {% if document.parent %}
     <div class="container">
-      <a href="{% url 'annotation' document.parent.id %}">
-        <span class="material-icons nav-button">arrow_back_ios</span>
+      <a href="{% url 'annotation' document.parent.id %}" class="nav-anchor">
+        <i class="material-icons nav-button">arrow_back_ios</i>
         <span class="nav-text">Wróć do dokumentu głównego</span>
       </a>
     </div>
@@ -7,7 +7,7 @@
  
   {% if document.parent %}
     <div class="container">
-      <a href="{% url 'review' document.parent.id %}">
+      <a href="{% url 'review' document.parent.id %}" class="nav-anchor">
         <span class="material-icons nav-button">arrow_back_ios</span>
         <span class="nav-text">Wróć do dokumentu głównego</span>
       </a>
@@ -15,7 +15,7 @@
  
   {% else %}
     <div class="container">
-      <a href="{% url 'document_list' %}">
+      <a href="{% url 'document_list' %}" class="nav-anchor">
         <span class="material-icons nav-button">arrow_back_ios</span>
         <span class="nav-text">Wróć do listy dokumentów</span>
       </a>