Small restructore of the design.

app/templates/base.html.j2

@@ -72,6 +72,7 @@
       </div>
       <ul id="nav-account-dropdown" class="dropdown-content">
         {% if current_user.is_authenticated %}
+        <li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
         <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">chevron_left</i>Log out</a></li>
         {% else %}
         <li><a href="{{ url_for('auth.login') }}"><i class="material-icons">chevron_right</i>Log in</a></li>
@@ -81,61 +82,35 @@
       <div class="navbar-fixed">
         <nav>
           <div class="nav-wrapper">
-            <a href="{{ url_for('main.index') }}" class="brand-logo"><i class="material-icons">opacity</i>Opaque</a>
+            <a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>Opaque</a>
             <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
             <ul class="right hide-on-med-and-down">
               <li><a id="nav-notifications" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
-              <li><a id="nav-account" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-account-dropdown"><i class="material-icons">account_circle</i></a></li>
+              <li>
+                <a id="nav-account" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-account-dropdown">
+                  {% if current_user.is_authenticated %}
+                  {{ current_user.username }}<i class="material-icons right">account_circle</i>
+                  {% else %}
+                  <i class="material-icons">account_circle</i>
+                  {% endif %}
+                </a>
+              </li>
             </ul>
           </div>
         </nav>
       </div>
 
       <ul id="slide-out" class="sidenav sidenav-fixed">
-        <li>
-          <div class="user-view">
-            <div class="background" style="background-color: #ee6e73;"></div>
-            <img class="circle" src="{{ url_for('static', filename='images/account_circle.png') }}">
-            <span class="white-text name">
-              {% if current_user.is_authenticated %}
-              {{ current_user.username }}
-              {% else %}
-              Unknown
-              {% endif %}
-            </span>
-            <span class="white-text email">
-              {% if current_user.is_authenticated %}
-              {{ current_user.email }}
-              {% else %}
-              Unknown
-              {% endif %}
-            </span>
-          </div>
-        </li>
         <li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>Opaque</a></li>
         <li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
-        <li class="no-padding">
-          <ul class="collapsible collapsible-accordion">
-            <li>
-              <a class="collapsible-header">Services<i class="material-icons">arrow_drop_down</i></a>
-              <div class="collapsible-body">
-                <ul>
-                  <li><a href="{{ url_for('services.nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
-                  <li><a href="{{ url_for('services.ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
-                </ul>
-              </div>
-            </li>
-          </ul>
-        </li>
-        {% if current_user.is_authenticated %}
         <li><div class="divider"></div></li>
-        <li><a class="subheader">Account</a></li>
-        <li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
-        {% endif %}
-        {% if current_user.is_administrator() %} <!-- Shows only for admins -->
-          <li><div class="divider"></div></li>
-          <li><a class="subheader">Administration</a></li>
-          <li><a href="{{ url_for('admin.for_admins_only') }}"><i class="material-icons">build</i>Administration tools</a></li>
+        <li><a class="subheader">Services</a></li>
+        <li><a href="{{ url_for('services.nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
+        <li><a href="{{ url_for('services.ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
+        {% if current_user.is_administrator() %}
+        <li><div class="divider"></div></li>
+        <li><a class="subheader">Administration</a></li>
+        <li><a href="{{ url_for('admin.for_admins_only') }}"><i class="material-icons">build</i>Administration tools</a></li>
         {% endif %}
       </ul>
     </header>
@@ -144,14 +119,7 @@
       <div class="container">
         <div class="row">
           <div class="col s12">
-            <h2>
-              {% if title %}
-              {{ title }}
-              {% else %}
-              Unnamed page
-              {% endif %}
-            </h2>
-            <p>&nbsp;</p>
+            <h2>{% if title %}{{ title }}{% else %}Unnamed page{% endif %}</h2>
           </div>
           {% block page_content %}
           {% endblock %}
@@ -201,6 +169,8 @@
 
     <script type="text/javascript" src="{{ url_for('static', filename='js/materialize.min.js') }}"></script>
     <script>
+        var foo = document.querySelector("main");
+        console.log(foo);
         M.AutoInit();
         M.Dropdown.init(
           document.getElementById("nav-notifications"),

app/templates/main/dashboard.html.j2

@@ -75,14 +75,14 @@
   </div>
 </div>
 <script>
-var jobList = new JobList("job-list", {
-  item: '<div><span class="title"></span><span class="description"></span></div>',
-  page: 4,
-  pagination: true,
-  valueNames: ["description", "title", {data: ["id"]}]
-});
-jobList.on("filterComplete", List.updatePagination);
-jobList.on("searchComplete", List.updatePagination);
+  var jobList = new JobList("job-list", {
+    item: '<div><span class="title"></span><span class="description"></span></div>',
+    page: 4,
+    pagination: true,
+    valueNames: ["description", "title", {data: ["id"]}]
+  });
+  jobList.on("filterComplete", List.updatePagination);
+  jobList.on("searchComplete", List.updatePagination);
 </script>
 
 <div id="new-corpus-modal" class="modal">