SAAS-712: UI Improvements

airtime_mvc/public/css/player-form.css

@@ -3,7 +3,8 @@
     width: 100% !important;
 }
 .embed-player-form {
-    width: 98%;
+    width: 40%;
+    margin: 0 auto;
 }
 .embed-player-form dd {
     width: 100% !important;
@@ -19,7 +20,7 @@
     display: block;
 }
 #player_form {
-    width: 40%;
+    width: 100%;
     margin: 0 auto;
 }
 #player_form dd {
@@ -29,20 +30,32 @@
     border-bottom: 1px solid;
     padding-bottom: 10px;
     font-size: 14px;
-    font-weight: bold;
-    color: #5b5b5b;
+    /*font-weight: bold;*/
+    color: #333;
     margin-bottom: 10px;
 }
-.player-checkbox {
+.player-title {
     clear: left;
     color: #5b5b5b;
     float: left;
     font-size: 13px;
     font-weight: bold;
-    margin: 0;
-    min-width: 90px;
+    width: 40px;
     padding: 4px 0;
     text-align: left;
+    margin-top: 5px;
+    margin-bottom: 17px;
+}
+#player_title {
+    clear: left;
+}
+#player_stream_url-element {
+    margin-left:30px;
+}
+#player_embed_src-element p {
+    margin: 0px;
+    font-size: 13px;
+    color: #333;
 }
 
 

airtime_mvc/public/css/player.css

@@ -38,9 +38,9 @@
     padding-right: 30px;
 }
 .airtime_pro {
-    margin: 0px 20px;
+    margin: 6px 20px;
     color: #fff;
-    font-size: 10px;
+    font-size: 11px;
     text-decoration: none;
     display:inline-block;
     float:right;
@@ -189,6 +189,7 @@
 .airtime_next {
     float: left;
     margin: 0px;
+    margin-top: 1px;
 }
 
 .schedule_list {
@@ -199,10 +200,15 @@
     margin-left: 60px;
     margin-bottom: 0px;
     line-height: 130%;
+    height: 20px;
 }
 
 .schedule_list li {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+}
+
+.airtime-pro-orange {
+    color: #ff5d1a;
 }