bugfixes, global url params, rds endpoint

web/css/buttons.css

@@ -83,14 +83,14 @@ input[type="text"], textarea, input[type="password"] {
 
 #tune-buttons input[type="text"] {
     width: 50%;
-    height: 100%;
+    height: 48px;
     min-height: 46px;
     padding-left: 20px;
     box-sizing: border-box;
     border: 2px solid transparent;
     outline: 0;
     color: var(--color-text);
-    background-color: var(--color-1-transparent);
+    background-color: transparent;
     font-family: 'Titillium Web', sans-serif;
 }
 
@@ -120,7 +120,7 @@ input[type="text"], textarea, input[type="password"] {
       border: 0;
       color: var(--color-1);
       width: 25%;
-      height: 100%;
+      height: 48px;
       display: block;
       padding: 14px;
       cursor: pointer;
@@ -158,7 +158,7 @@ input[type="range"] {
 /* Track: Mozilla Firefox */
 input[type="range"]::-moz-range-track {
     height: 48px;
-    background: var(--color-1-transparent);
+    background-color: transpraent;
     border-radius: 15px;
     border: 0;
 }
@@ -340,4 +340,10 @@ select option {
 
 select:hover {
     background: var(--color-5);
+}
+
+@media only screen and (max-width: 768px) {
+    #tune-buttons input[type="text"] {
+        background-color: var(--color-1-transparent);
+    }
 }

web/css/dropdown.css

@@ -40,6 +40,11 @@
     background-color: var(--color-4);
     color: var(--color-main);
     border-radius: 15px;
+    transition: 0.35s ease-in-out background-color;
+  }
+
+  .dropdown input:hover {
+    background-color: var(--color-main-bright);
   }
 
   .dropdown.opened > input {

web/css/helpers.css

@@ -112,7 +112,7 @@
 
 .hover-brighten:hover {
     cursor: pointer;
-    background-color: var(--color-2);
+    background-color: var(--color-2-transparent);
 }
 
 .text-left {

web/css/main.css

@@ -77,8 +77,8 @@ body {
 }
 
 #wrapper {
-    width: 1180px;
-    max-width: 1180px;
+    width: 100%;
+    max-width: calc(0% + 1180px);
 }
 #wrapper.setup-wrapper {
     margin: auto;

web/css/panels.css

@@ -8,8 +8,25 @@
     transition: 0.3s ease-in-out background-color;
 }
 
-*[class^="panel-"]:not(.no-bg):not(.no-filter) {
-    backdrop-filter:blur(5px);
+*[class^="panel-"]:not(.no-bg):not(.no-filter):not(.w-100) {
+    -webkit-backdrop-filter: blur(5px);
+    backdrop-filter: blur(5px);
+}
+
+.panel-100.w-100 {
+    position: relative; 
+}
+
+.panel-100.w-100::before {
+    content: '';
+    backdrop-filter: blur(10px);
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+    border-radius: 15px;
 }
 
 .panel-10 {
@@ -54,6 +71,9 @@
         margin-bottom: 20px;
         background-color: transparent;
     }
+    *[class^="panel-"]:not(.no-bg):not(.no-filter) {
+        backdrop-filter:blur(0px);
+    }
     .flex-phone {
         display: flex;
     }