bugfixes, ui changes, rds reset feature

web/css/breadcrumbs.css

@@ -59,7 +59,7 @@ h3 {
     display: none;
 }
 
-@media (max-width: 960px) {
+@media (max-width: 768px) {
     canvas, #flags-container {
         display: none;
     }
@@ -80,7 +80,7 @@ h3 {
         padding: 0 !important;
     }
     #data-ps {
-        font-size: 60px;
+        font-size: 54px;
     }
     #data-frequency {
         font-size: 72px;
@@ -109,6 +109,24 @@ h3 {
     }
     #tune-buttons {
         height: 64px;
+        order: 1;
+    }
+    .filter-controls {
+        order: 2;
+    }
+    .button-play-mobile {
+        order: 2;
+        margin: 0 !important;
+        border-radius: 0;
+    }
+    .button-play-mobile .playbutton {
+        border-radius: 0;
+    }
+    .button-eq {
+        order: 1;
+    }
+    .button-ims {
+        order: 3;
     }
 }
 

web/css/buttons.css

@@ -7,6 +7,7 @@ button {
     background-color: var(--color-4);
     cursor: pointer;
     font-family: inherit;
+    color: var(--color-main);
 }
 
 button:hover {

web/css/helpers.css

@@ -42,6 +42,10 @@
     margin-left: 20px;
 }
 
+.m-right-20 {
+    margin-right: 20px;
+}
+
 .h-100 {
     height: 100%;
 }
@@ -154,7 +158,19 @@
     .flex-phone {
         display: flex;
     }
+    .flex-phone-column {
+        flex-flow: column;
+    }
     .hide-phone {
         display: none;
     }
+    .m-0 {
+        margin: auto;
+    }
+}
+
+@media only screen and (min-width: 769px) {
+    .hide-desktop {
+        display: none;
+    }
 }