add latest ui changes

Author: ElDuke717

src/app/styles/components/_buttons.scss

@@ -60,8 +60,8 @@
   border-radius: 3px;
   cursor: pointer;
   line-height: 1.5em;
-  font: 300 14px 'Roboto', sans-serif;
-  font-size: $button-text-size;
+  font: 500 16px 'Roboto', sans-serif;
+  // font-size: $button-text-size; increase the font size and contrast for readability
   width: 120px;
   background: #62d6fb;
 }
@@ -94,7 +94,7 @@
   border: none;
   border-radius: 3px;
   background: $grey-color-gradient;
-  font: normal 11px 'Roboto', sans-serif;
+  font: normal 16px 'Roboto', sans-serif;
   color: #b0b0b0;
 }
 
@@ -106,7 +106,7 @@
   border: transparent;
   border-radius: 3px;
   background-color: #565a61;
-  font: normal 11px 'Roboto', sans-serif;
+  font: normal 16px 'Roboto', sans-serif;
   color: #FFFFFF;
   transform: rotateX(90deg);
   transition: opacity 300ms, transform 0.15s linear;

src/app/styles/components/_renderingFrequency.scss

@@ -40,7 +40,7 @@
 	font-family: 'Roboto', sans-serif;
 
 	h3 {
-		color: $text-color;
+		color: #FFFFFF;
 		margin-bottom: 5px;
 		margin-top: 5px;
 		text-transform: uppercase;

src/app/styles/layout/_actionContainer.scss

@@ -27,7 +27,7 @@
 }
 
 .route {
-  background-color: #ff6569;
+  background-color: #F00008;
   padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;