From f65fab0c7715e28e1638a26d68fe5fab33f169a9 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Tue, 25 Feb 2020 10:39:33 +0100
Subject: [PATCH] Mobile styles

---
 app/templates/main/index.html.j2 | 8 ++++----
 app/templates/nopaque.html.j2    | 6 ++++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/templates/main/index.html.j2 b/app/templates/main/index.html.j2
index f30d120c..d8694c7f 100644
--- a/app/templates/main/index.html.j2
+++ b/app/templates/main/index.html.j2
@@ -28,22 +28,22 @@
 
         <div class="col s12">
           <div class="row">
-            <div class="col s3 center-align">
+            <div class="col s12 m6 l3 center-align">
               <i class="large material-icons" style="color: #ee6e73;">flash_on</i>
               <p>Speeds up your work</p>
               <p class="light">All tools provided by nopaque are carefully selected to provide a complete tool suite without delaying compatibility issues.</p>
             </div>
-            <div class="col s3 center-align">
+            <div class="col s12 m6 l3 center-align">
               <i class="large material-icons" style="color: #ee6e73;">cloud</i>
               <p>Cloud infrastructure</p>
               <p class="light">All computational work is processed within nopaques cloud infrastructure. You don't need to install any software, great right?</p>
             </div>
-            <div class="col s3 center-align">
+            <div class="col s12 m6 l3 center-align">
               <i class="large material-icons" style="color: #ee6e73;">group</i>
               <p>User friendly</p>
               <p class="light">By utilizing elements and principles of Material Design, we were able to create a framework that focuses on User Experience.</p>
             </div>
-            <div class="col s3 center-align">
+            <div class="col s12 m6 l3 center-align">
               <i class="large material-icons" style="color: #ee6e73;">settings</i>
               <p>Passt gut zum Prozess</p>
               <p class="light">We have provided detailed documentation as well as specific code examples to help new users get started.</p>
diff --git a/app/templates/nopaque.html.j2 b/app/templates/nopaque.html.j2
index 1eedb03b..4b80bf06 100644
--- a/app/templates/nopaque.html.j2
+++ b/app/templates/nopaque.html.j2
@@ -28,7 +28,9 @@
         <nav>
           <div class="nav-wrapper">
             <a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>nopaque</a>
+            {% if current_user.is_authenticated %}
             <a href="#" data-target="sidenav-main" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+            {% endif %}
             <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>
@@ -128,12 +130,12 @@
     <footer class="page-footer">
       <div class="container">
         <div class="row">
-          <div class="col s12 m3">
+          <div class="col s6 m3">
             <a href="https://www.dfg.de/">
               <img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_dfg.gif') }}">
           </a>
           </div>
-          <div class="col s12 m3 offset-m1 center-align">
+          <div class="col s6 m3 offset-m1 center-align">
             <a href="https://www.uni-bielefeld.de/sfb1288/">
               <img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_sfb_1288.png') }}">
             </a>