From b79cac3ff380f4b29054702456a685320cff3e0d Mon Sep 17 00:00:00 2001
From: Glitch <glitch@glitch.is>
Date: Sun, 10 Jul 2016 18:06:06 +0000
Subject: [PATCH] Redesigning

---
 static/css/main.css |  4 +++-
 templates/base.html | 25 ++++++++++++++++++++-----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 2d7ee91..d0a3494 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -19,11 +19,13 @@ body {
   top: 69px;
 }
 
-#nav-mobile i {
+.side-icon {
     position: absolute;
     margin-top: 19px;
     margin-left: -15px;
+}
 
+.side-text {
 }
 
 .collapsible-body {
diff --git a/templates/base.html b/templates/base.html
index eece72c..b7b9ac6 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -48,15 +48,30 @@
 
                     {% if config.competition_is_running() %}
                     {% if logged_in %}
-                    <li><a href="{{ url_for('challenges') }}"><i class="material-icons blue-text">flag</i>Challenges</a></li>
+                    <li><a href="{{ url_for('challenges') }}">
+                            <div class="side-icon"><i class="material-icons blue-text">flag</i></div>
+                            <div class="side-text">Challenges</div>
+                        </a></li>
                     {% endif %}
-                    <li><a href="{{ url_for('scoreboard') }}"><i class="material-icons red-text">timeline</i>Scoreboard</a></li>
-                    <li><a href="{{ url_for('chat') }}"><i class="material-icons green-text">chat</i>Chat</a></li>
+                    <li><a href="{{ url_for('scoreboard') }}">
+                            <div class="side-icon"><i class="material-icons red-text">timeline</i></div>
+                            <div class="side-text">Scoreboard</div>
+                        </a></li>
+                    <li><a href="{{ url_for('chat') }}">
+                            <div class="side-icon"><i class="material-icons green-text">chat</i></div>
+                            <div class="side-text">Chat</div>
+                        </a></li>
                     {% endif %}
                     {% if logged_in %}
-                    <li><a href="{{ url_for('team_tickets') }}"><i class="material-icons amber-text">report_problem</i>Tickets</a></li>
+                    <li><a href="{{ url_for('team_tickets') }}">
+                            <div class="side-icon"><i class="material-icons amber-text">report_problem</i></div>
+                            <div class="side-text">Tickets</div>
+                        </a></li>
                     {% endif %}
-                    <li><a href="{{ url_for('chat') }}"><i class="material-icons purple-text">build</i>Status</a></li>
+                    <li><a href="{{ url_for('chat') }}">
+                            <div class="side-icon"><i class="material-icons purple-text">build</i></div>
+                            <div class="side-text">Status</div>
+                        </a></li>
                     <div class="divider" /></div>
                     {% if logged_in %}
                     <li><a href="{{ url_for('logout') }}"><i class="material-icons">flag</i>Logout</a></li>