Navigation sidebar finalization

airtime_mvc/public/css/player-form.css

@@ -2,10 +2,6 @@
     padding-right: 0px !important;
     width: 100% !important;
 }
-.embed-player-form {
-    width: 40%;
-    margin: 0 auto;
-}
 .embed-player-form dd {
     width: 100% !important;
     float: left;

airtime_mvc/public/css/styles.css

@@ -123,7 +123,7 @@ fieldset {
 }
 
 .edit-current-user label {
-    font-weight: bold;
+    font-weight: normal;
 }
 
 .stream-player-label {
@@ -1664,8 +1664,19 @@ h2#scheduled_playlist_name span {
     top: 50%;
 }
 
+
+.prefpanel
+{
+    color: #CDCDCD;
+}
+.prefpanel a {
+    color: #b2b2b2;
+}
+
+
 /*---//////////////////// USERS ////////////////////---*/
 
+
 .simple-formblock {
 }
 
@@ -2335,6 +2346,7 @@ span.errors.sp-errors{
 
 .stream-config {
     min-width: 800px;
+    max-width: 1000px;
 }
 
 #stream_save_bottom {
@@ -3386,9 +3398,7 @@ dd .stream-status {
 }
 
 #weekly-schedule-widget {
-    margin: 0 auto;
-    margin-bottom: 20px;
-    width: 60%;
+    width: 800px;
 }
 
 #widget-menu {
@@ -3405,6 +3415,7 @@ dd .stream-status {
 
 #player-widget {
     margin-bottom: 20px;
+    width: 600px;
 }
 
 .schedule_iframe_wrapper {
@@ -3570,6 +3581,10 @@ button.btn-icon-text > i.icon-white {
     transition: top 0.2s linear;
 }
 
+.wrapper_panel {
+    background-color: #242424;
+}
+
 /* Usability hint */
 
 .usability_hint {
@@ -3605,11 +3620,14 @@ button.btn-icon-text > i.icon-white {
 
 #sub-menu {
     width: 130px;
+    min-width: 130px;
+    flex-grow: 0;
     border-right: 1px solid #5b5b5b;
     background: #212121;
     font-size: 14px;
     color: #cecece;
     padding: 10px;
+    float: left;
 }
 
 #sub-menu h3 {
@@ -3639,8 +3657,14 @@ button.btn-icon-text > i.icon-white {
     /*background-color: #252525;*/
 }
 
+#sub-menu-content-panel
+{
+    flex-grow: 1
+}
+
 #listenerstat_content {
     width: 100%;
+    display: block;
 }
 
 #listenerstat_content .legendLabel
@@ -3648,6 +3672,10 @@ button.btn-icon-text > i.icon-white {
     color: #d6d6d6;
 }
 
+#listenerstat_content .tickLabel {
+    font-size: 12px;
+}
+
 .dashboard-btn {
     width: 50%;
 }