From 85666b195bebcce325aaf72ea36550dbd10b6cd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Brand=C3=A3o?= <jbrandao@live.com.pt>
Date: Mon, 19 Oct 2020 23:45:48 +0100
Subject: [PATCH] [UI] Visual restructure of login/register pages

---
 public/assets/css/login/login.css     |  7 +++++++
 templates/security/login.html.twig    | 22 ++++------------------
 templates/security/register.html.twig | 22 ++++------------------
 3 files changed, 15 insertions(+), 36 deletions(-)

diff --git a/public/assets/css/login/login.css b/public/assets/css/login/login.css
index d96877e613..88e1cb9949 100644
--- a/public/assets/css/login/login.css
+++ b/public/assets/css/login/login.css
@@ -66,3 +66,10 @@ form button[type=submit]:hover {
     box-shadow: 0 0px 8px var(--accent);
 }
 
+#login-notes {
+    margin: 0px;
+}
+
+#login-main {
+    border: 0px;
+}
diff --git a/templates/security/login.html.twig b/templates/security/login.html.twig
index dc06433cbf..c0139d7dfb 100644
--- a/templates/security/login.html.twig
+++ b/templates/security/login.html.twig
@@ -101,28 +101,14 @@
             </div>
             {{ form_end(post_form) }}
         {% endif %}
-        <div class="main">
-            <nav class='main-nav'>
-                <ul>
-                    <li>
-                        <a href="{{ path('main_public') }}" class='hover-effect {{ active('main_public', 'main_all', "home_all") }}'>Timeline</a>
-                    </li>
-                </ul>
-            </nav>
-            <div class="notes-wrap">
+        <div class="main" id="login-main">
+            <div class="notes-wrap" id="login-notes">
                 <nav class='main-nav'>
                     <ul>
                         <li>
-                            <a href="{{ path('main_public') }}" class='hover-effect {{ active('main_public') }}'>Public</a>
-                        </li>
-                        {% if user_nickname is defined %}
-                            <li>
-                                <a href="{{ path("home_all", {'nickname' : user_nickname}) }}" class='hover-effect {{ active("home_all") }}'>Home</a>
-                            </li>
-                        {% endif %}
-                        <li>
-                            <a href="{{ path('main_all') }}" class='hover-effect {{ active('main_all') }}'>Network</a>
+                            <a class='hover-effect {{ active('login') }}'>Public</a>
                         </li>
+
                     </ul>
                 </nav>
                 <div class="timeline">
diff --git a/templates/security/register.html.twig b/templates/security/register.html.twig
index 0b8888e7d9..302915de8a 100644
--- a/templates/security/register.html.twig
+++ b/templates/security/register.html.twig
@@ -77,28 +77,14 @@
             </div>
             {{ form_end(post_form) }}
         {% endif %}
-        <div class="main">
-            <nav class='main-nav'>
-                <ul>
-                    <li>
-                        <a href="{{ path('main_public') }}" class='hover-effect {{ active('main_public', 'main_all', "home_all") }}'>Timeline</a>
-                    </li>
-                </ul>
-            </nav>
-            <div class="notes-wrap">
+        <div class="main" id="login-main">
+            <div class="notes-wrap" id="login-notes">
                 <nav class='main-nav'>
                     <ul>
                         <li>
-                            <a href="{{ path('main_public') }}" class='hover-effect {{ active('main_public') }}'>Public</a>
-                        </li>
-                        {% if user_nickname is defined %}
-                            <li>
-                                <a href="{{ path("home_all", {'nickname' : user_nickname}) }}" class='hover-effect {{ active("home_all") }}'>Home</a>
-                            </li>
-                        {% endif %}
-                        <li>
-                            <a href="{{ path('main_all') }}" class='hover-effect {{ active('main_all') }}'>Network</a>
+                            <a class='hover-effect {{ active('register') }}'>Public</a>
                         </li>
+
                     </ul>
                 </nav>
                 <div class="timeline">