Adjust layout (#1351)

* Adjust layout

Background image adjusted.

CSS fixes for nav bar.

* Adjust login test after UI changes

Author: malemburg

assets/css/europython-customizations.css

@@ -79,6 +79,14 @@ a.navbar-brand:hover{
     color: white;
 }
 
+.navbar {
+    background-image: linear-gradient( rgb(9 33 22), rgb(31 80 62 / 30%));
+    background-color: rgb(27 103 75 / 75%);
+}
+.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
+    flex-wrap: wrap;
+}
+
 #content_page {
     min-height: 500px;
     margin: 40px 0;

assets/img/ep2021-background-online.jpg

@@ -23,10 +23,10 @@
             </ul>
             <div class="my-2 my-md-0">
                 {% if user.is_authenticated %}
-                <span style='font-size: .8em; color: white'>Logged in as
-                    <strong>{{ user.assopy_user.name }}</strong>
-                </span>
-                <a class='nav-link btn btn-outline-light' href='{% url "user_panel:dashboard" %}'>My Account</a>
+                <a class='nav-link btn btn-outline-light' href='{% url "user_panel:dashboard" %}'>
+                    <i class='fas fa-user'></i>
+                    {{ user.assopy_user.name }}
+                </a>
                 {% else %}
                 <a class='nav-link btn btn-outline-light' href='{% url "accounts:login" %}'>
                     <i class='fas fa-sign-in-alt'></i>

templates/conference/header/_nav.html

@@ -127,7 +127,6 @@ def test_user_registration(client):
     assert template_used(response, "conference/homepage/home_template.html")
     # checking if user is logged in.
     assert "Joe Doe" in response.content.decode("utf-8")
-    assert "My Account" in response.content.decode("utf-8")
 
 
 @mark.django_db