From 884d2529d3b0a23a5e4531284c451446a5d18b91 Mon Sep 17 00:00:00 2001
From: rainydaysavings <eliseuamaro@pm.me>
Date: Thu, 6 Aug 2020 23:56:40 +0100
Subject: [PATCH] [UI] Notifications settings page CSS work

---
 public/assets/css/settings/settings.css | 47 ++++++++++++++++++++++++-
 templates/left/left.html.twig           |  2 +-
 templates/settings/base.html.twig       |  1 -
 3 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/public/assets/css/settings/settings.css b/public/assets/css/settings/settings.css
index 53c0404f68..b3b04ccfff 100644
--- a/public/assets/css/settings/settings.css
+++ b/public/assets/css/settings/settings.css
@@ -22,6 +22,51 @@
       box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
 }
 
+#form-tabs {
+      order: 2;
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      width: 100%;
+      background-color: #00000050;
+      padding: var(--medium-size);
+      margin-top: calc(2 * var(--unit-size));
+      margin-left: var(--side-margin);
+      margin-right: var(--side-margin);
+      font-size: var(--medium-size);
+      font-family: var(--head-font);
+      border-radius: var(--unit-size) var(--unit-size) 0 0;
+      box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
+}
+
+#form-tabs ul {
+      display: flex;
+      align-items: stretch;
+      justify-content: space-evenly;
+      width: 100%;
+      margin-left: calc(2 * var(--side-margin));
+      margin-right: calc(2 * var(--side-margin));
+      padding: 0;
+}
+#form-tabs li {
+      display: block;
+      flex: 0 1 auto;
+      list-style-type: none;
+      font-weight: 700;
+}
+#form-content {
+      order: 3;
+      background-color: #00000050;
+      padding: calc(2*var(--unit-size));
+      font-size: var(--medium-size);
+      height: 100%;
+      width: 100%;
+      margin-left: var(--side-margin);
+      margin-right: var(--side-margin);
+      box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
+      border-radius: 0 0 var(--unit-size) var(--unit-size);
+}
+
 .set-nav ul {
       display: flex;
       align-items: stretch;
@@ -239,4 +284,4 @@ button {
       padding: var(--small-size);
       border: none;
       border-radius: var(--small-size);
-}
+}
\ No newline at end of file
diff --git a/templates/left/left.html.twig b/templates/left/left.html.twig
index 53600b6cfe..7a56fec4af 100644
--- a/templates/left/left.html.twig
+++ b/templates/left/left.html.twig
@@ -17,7 +17,7 @@
             <div class='navbar'>
                 <div class="left-nav">
                     <div class='profile'>
-                        <img src='{{ asset('assets/image.png') }}' class="icon icon-avatar">
+                        <img src='{{ asset('assets/image.png') }}' alt="Your avatar." class="icon icon-avatar">
                         <div class="info">
                             <b id="nick">{{ app.user.username }}</b>
                             <div class="tags">
diff --git a/templates/settings/base.html.twig b/templates/settings/base.html.twig
index f016a9aaf5..aeb4f9b04e 100644
--- a/templates/settings/base.html.twig
+++ b/templates/settings/base.html.twig
@@ -47,5 +47,4 @@
     </div>
 {% endblock body %}
 
-
 {% block javascripts %}{% endblock %}
\ No newline at end of file