Profile page makeover, initial stuff.

src/profiles/templates/profile_base.html

@@ -4,20 +4,74 @@
 {% load bootstrap3 %}
 
 {% block content %}
+
 <div class="row">
-  <div class="btn-group btn-group-justified hidden-xs">
-    {% include 'profile_base_buttons.html' %}
-  </div>
-  <div class="btn-group-vertical visible-xs">
-    {% include 'profile_base_buttons.html' %}
-  </div>
-</div>
+  <div class="col-md-2">
+    <ul class="nav nav-pills nav-stacked">
+      <li {% if view.active_menu == "profile" %}class="active"{% endif %}>
+          <a href="{% url 'profiles:detail' %}">
+            Profile
+          </a>
+      </li>
 
-<br>
+      <li {% if view.active_menu == "profile" %}class="active"{% endif %}>
+        <a href="{% url 'account_change_password' %}">
+          Password
+        </a>
+      </li>
 
-  <p><i><b>You are logged in as {{ request.user.email }}</b></i></p>
+      <li {% if view.active_menu == "profile" %}class="active"{% endif %}>
+        <a href="{% url 'two-factor-setup' %}">
+          Two-Factor settings
+        </a>
+      </li>
+
+      <li {% if view.active_menu == "profile" %}class="active"{% endif %}>
+        <a href="{% url 'account_email' %}">
+          Manage emails
+        </a>
+      </li>
+
+      {% if user.orders.exists %}
+      <li {% if view.active_menu == "profile" %}class="active"{% endif %}>
+        <a href="{% url 'shop:order_list' %}">
+          Orders
+        </a>
+      </li>
+
+      <li {% if view.active_menu == "profile" %}class="active"{% endif %}>
+        <a href="{% url 'tickets:shopticket_list' %}">
+          Tickets
+        </a>
+      </li>
+
+      {% if user.creditnotes.exists %}
+      <li {% if view.active_menu == "profile" %}class="active"{% endif %}>
+        <a href="{% url 'shop:creditnote_list' %}">
+          Credit Notes
+        </a>
+      </li>
+      {% endif %}
+      {% endif %}
+
+      <li {% if view.active_menu == "profile" %}class="active"{% endif %}>
+        <a href="{% url 'tokens:tokenfind_list' %}">
+          Secret Tokens
+        </a>
+      </li>
+
+      <p><b>You are logged in as {{ request.user.email }}</b></p>
 
       <hr />
+
+    </ul>
+  </div>
+
+  <div class="col-md-10">
+
     {% block profile_content %}{% endblock %}
 
+  </div>
+</div>
+
 {% endblock %}

src/profiles/templates/profile_base_buttons.html

@@ -1,32 +0,0 @@
-    <a href="{% url 'profiles:detail' %}" class="btn btn-black">
-      Profile
-    </a>
-    <a href="{% url 'account_change_password' %}" class="btn btn-black">
-      Password
-    </a>
-    <a href="{% url 'two-factor-setup' %}" class="btn btn-black">
-      Two-Factor settings
-    </a>
-    <a href="{% url 'account_email' %}" class="btn btn-black">
-      Manage emails
-    </a>
-    {% if user.orders.exists %}
-      <a href="{% url 'shop:order_list' %}" class="btn btn-black">
-        Orders
-      </a>
-      <a href="{% url 'tickets:shopticket_list' %}" class="btn btn-black">
-        Tickets
-      </a>
-      {% if user.creditnotes.exists %}
-      <a href="{% url 'shop:creditnote_list' %}" class="btn btn-black">
-        Credit Notes
-      </a>
-      {% endif %}
-    {% endif %}
-    <a href="{% url 'tokens:tokenfind_list' %}" class="btn btn-black">
-        Secret Tokens
-    </a>
-    <a href="{% url 'account_logout' %}" class="btn btn-black">
-      Logout
-    </a>
-

src/templates/base.html

@@ -82,6 +82,11 @@
           <ul class="nav navbar-nav navbar-right">
             {% if user.is_authenticated %}
             <li><a href="{% url 'profiles:detail' %}">Account</a></li>
+            <li>
+              <a href="{% url 'account_logout' %}">
+                Logout
+              </a>
+            </li>
             {% else %}
             <li><a href="{% url 'account_login' %}">Login</a></li>
             {% endif %}