styles infos

public/assets/css/src/_forms-section.scss

@@ -3,13 +3,10 @@
   margin: var(--space-m) 0;
 
   h2 {
-    margin-bottom: var(--space);
-
     font-weight: 600;
     font-size: 1.4rem;
     border-bottom: 1px solid var(--color-200);
     color: var(--color-800);
-
   }
 
   .infos{
@@ -17,6 +14,10 @@
     color: var(--color-interface-400);
   }
 
+  .container{
+    margin-top: var(--space-xs);
+  }
+
 
 }
 

public/assets/css/src/_forms.scss

@@ -11,6 +11,9 @@ input[type="number"] {
   // min-width: var(--input-w);
   // width: 100%;
   // padding: 0 1ch;
+  &:focus{
+    border-color: var(--color-interface-400);
+  }
   
 }
 

public/assets/css/style.css

@@ -280,6 +280,11 @@ input[type=number] {
   font-size: 1rem;
   padding-left: 0.5ch;
 }
+select:focus,
+input[type=text]:focus,
+input[type=number]:focus {
+  border-color: var(--color-interface-400);
+}
 
 input[type=range] {
   -webkit-appearance: none;
@@ -524,7 +529,6 @@ input[type=number] {
   margin: var(--space-m) 0;
 }
 .settings-section h2 {
-  margin-bottom: var(--space);
   font-weight: 600;
   font-size: 1.4rem;
   border-bottom: 1px solid var(--color-200);
@@ -534,6 +538,9 @@ input[type=number] {
   font-size: 0.8rem;
   color: var(--color-interface-400);
 }
+.settings-section .container {
+  margin-top: var(--space-xs);
+}
 
 .settings-subsection:not(:last-child) {
   border-bottom: 1px solid var(--color-interface-100);