new admin system, ui changes, bugfixes

web/css/breadcrumbs.css

@@ -1,13 +1,22 @@
 h1 {
     color: var(--color-4);
-    font-size: 52px;
-    font-weight: 300;
+    font-size: 32px;
+    font-weight: 700;
+    text-transform: uppercase;
     margin-top: 0;
     margin-bottom: 0;
 }
 
+.modal-panel-content h1 {
+    text-transform: initial;
+    font-weight: 300;
+    font-size: 42px;
+}
+
 h1#tuner-name {
     font-size: 32px;
+    font-weight: 300;
+    text-transform: initial;
 }
 
 h2 {
@@ -18,6 +27,7 @@ h2 {
 
 h3 {
     font-size: 22px;
+    color: var(--color-4);
 }
 
 h4 {
@@ -139,6 +149,9 @@ label {
   .checkbox label {
     position: relative;
     cursor: pointer;
+    display: flex;
+    align-items: center;
+    user-select: none;
   }
   
   .checkbox label:before {
@@ -155,14 +168,20 @@ label {
     margin-right: 5px;
   }
   
+  .form-group input:checked + label:before {
+    background-color: var(--color-4);
+  }
+
   .form-group input:checked + label:after {
     content: '✓';
     display: block;
     position: absolute;
-    top: 2px;
-    left: 6px;
-    width: 16px;
-    height: 16px;
+    font-size: 18px;
+    top: -1px;
+    left: 5px;
+    width: 18px;
+    height: 18px;
+    color: var(--color-main);
   }
 
   .tuner-info {
@@ -170,6 +189,12 @@ label {
     margin-bottom: 0px !important;
   }
 
+  .settings-heading {
+    font-size: 32px;
+    padding-top: 20px;
+    text-transform: uppercase;
+  }
+
 @media (max-width: 768px) {
     canvas, #flags-container {
         display: none;