From 56c1af35b41703ee00fb3f54436914ce359b7ba5 Mon Sep 17 00:00:00 2001
From: Zara Zaimeche <zara.zaimeche@codethink.co.uk>
Date: Tue, 7 Jul 2015 14:29:03 +0100
Subject: [PATCH] Display 'about' and 'license' icons on higher zooms

The words 'about' and 'license' should change to question-mark
and exclamation-mark icons on higher zooms/smaller screens. The
class previously hid the buttons entirely. This displays the icons
as intended.

Change-Id: I0fc31c0df665b4b940281746dc01181ea5e1cd99
---
 src/app/storyboard/template/side_menu.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/storyboard/template/side_menu.html b/src/app/storyboard/template/side_menu.html
index d3287174..6aa13fd6 100644
--- a/src/app/storyboard/template/side_menu.html
+++ b/src/app/storyboard/template/side_menu.html
@@ -71,18 +71,19 @@
                     <small class="visible-lg visible-md">Admin</small>
                 </a>
             </li>
+            <li class="nav-divider visible-xs"></li>
         </ul>
-        <ul class="list-unstyled visible-md visible-lg">
+        <ul class="list-unstyled nav-stacked">
             <li active-path="^\/page\/about.*$">
                 <a href="#!/page/about">
-                    <i class="fa fa-question-circle visible-xs"></i>
+                    <i class="fa fa-question-circle visible-xs text-center"></i>
                     <small class="hidden-xs">About</small>
                 </a>
             </li>
             <li>
                 <a href="http://www.apache.org/licenses/LICENSE-2.0"
                    target="_blank">
-                    <i class="fa fa-exclamation-circle visible-xs"></i>
+                    <i class="fa fa-exclamation-circle visible-xs text-center"></i>
                     <small class="hidden-xs">License</small>
                 </a>
             </li>