From 1c7ea95b1fcedda25d4261705b2061d746598649 Mon Sep 17 00:00:00 2001
From: rainydaysavings <eliseuamaro@pm.me>
Date: Thu, 13 Aug 2020 00:40:44 +0100
Subject: [PATCH] [UI] Additional fixes to settings page

---
 public/assets/css/network/public.css          | 10 +++++++++-
 public/assets/css/settings/settings.css       |  6 +-----
 public/assets/css/settings/settings_mid.css   |  6 +-----
 public/assets/css/settings/settings_small.css |  6 +-----
 templates/settings/notifications.html.twig    | 13 -------------
 5 files changed, 12 insertions(+), 29 deletions(-)

diff --git a/public/assets/css/network/public.css b/public/assets/css/network/public.css
index 36420783af..a646ee1b70 100644
--- a/public/assets/css/network/public.css
+++ b/public/assets/css/network/public.css
@@ -9,6 +9,14 @@
 }
 
 .content div {
+    background-color: #00000050;
+    padding: calc(2*var(--unit-size));
+    font-size: var(--medium-size);
+    height: 100%;
     width: 100%;
-    text-align: center;
+    margin-top: var(--unit-size);
+    margin-left: var(--side-margin);
+    margin-right: var(--side-margin);
+    box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
+    border-radius: var(--unit-size);
 }
\ No newline at end of file
diff --git a/public/assets/css/settings/settings.css b/public/assets/css/settings/settings.css
index eadfe5eb1a..0a9b6492e9 100644
--- a/public/assets/css/settings/settings.css
+++ b/public/assets/css/settings/settings.css
@@ -150,10 +150,6 @@ label {
       width: 100%;
 }
 
-label:nth-child(n) {
-      margin-top: var(--medium-size);
-}
-
 input[type=text] {
       margin-top: calc(var(--unit-size) * 0.5);
       width: calc(100% - var(--unit-size));
@@ -325,7 +321,7 @@ input[type=radio] {
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;
-      box-shadow: unset;
+      box-shadow: 0;
       border-radius: 0 0 var(--unit-size) var(--unit-size);
       font-size: var(--unit-size);
 }
diff --git a/public/assets/css/settings/settings_mid.css b/public/assets/css/settings/settings_mid.css
index 3bc02033b0..13a3711ac3 100644
--- a/public/assets/css/settings/settings_mid.css
+++ b/public/assets/css/settings/settings_mid.css
@@ -135,10 +135,6 @@ label {
       width: 100%;
 }
 
-label:nth-child(n) {
-      margin-top: var(--medium-size);
-}
-
 input[type=text] {
       margin-top: calc(var(--unit-size) * 0.5);
       width: calc(100% - var(--unit-size));
@@ -310,7 +306,7 @@ input[type=radio] {
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;
-      box-shadow: unset;
+      box-shadow: 0;
       border-radius: 0 0 var(--unit-size) var(--unit-size);
       font-size: var(--unit-size);
 }
diff --git a/public/assets/css/settings/settings_small.css b/public/assets/css/settings/settings_small.css
index b8daf17794..6d57638944 100644
--- a/public/assets/css/settings/settings_small.css
+++ b/public/assets/css/settings/settings_small.css
@@ -134,10 +134,6 @@ label {
       font-weight: 700;
 }
 
-label:nth-child(n) {
-      margin-top: var(--medium-size);
-}
-
 input[type=text] {
       margin-top: calc(var(--unit-size) * 0.5);
       width: calc(100% - var(--unit-size));
@@ -309,7 +305,7 @@ input[type=radio] {
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;
-      box-shadow: unset;
+      box-shadow: 0;
       border-radius: 0 0 var(--unit-size) var(--unit-size);
       font-size: var(--unit-size);
 }
diff --git a/templates/settings/notifications.html.twig b/templates/settings/notifications.html.twig
index 9e7d4dbe42..031ead4ea4 100644
--- a/templates/settings/notifications.html.twig
+++ b/templates/settings/notifications.html.twig
@@ -4,19 +4,6 @@
 
 {% block stylesheets %}
   {{ parent() }}
-  <style>
-    .form {
-    display: none;
-    clip-path: polygon(0 0);
-    }
-
-    {% for transport, form in tabbed_forms %}
-      #form_toggle_{{ transport }}:checked ~ #form_{{ transport }} {
-      display: flex;
-      clip-path: none;
-      }
-    {% endfor %}
-  </style>
 {% endblock %}
 
 {% block body %}