[UI] Notifications settings page CSS work

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);
-}
+}

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">

templates/settings/base.html.twig

@@ -47,5 +47,4 @@
     </div>
 {% endblock body %}
 
-
 {% block javascripts %}{% endblock %}