Visual tweaks

app/assets/javascripts/layout.js

@@ -172,7 +172,8 @@
             var $screen = $('[layout-id="' + currentScreen + '"]');
             $screen.animate({
                 top: top,
-                left: left
+                left: left,
+                overflow: 'auto'
             }, duration);
         }
 

app/assets/stylesheets/client/content.css.scss

@@ -78,6 +78,7 @@
 	color:#ccc;
 	border-bottom: dotted 1px #444;
 	overflow-x:hidden;
+	white-space:nowrap;
 }
 
 .create-session-left {
@@ -97,12 +98,13 @@
 	font-size:24px;
 }
 
-.content-wrapper select, .content-wrapper textarea, .content-wrapper input[type=text], div.friendbox, .ftue-inner input[type=text], .ftue-inner input[type=password]  {
+.content-wrapper select, .content-wrapper textarea, .content-wrapper input[type=text], div.friendbox, .ftue-inner input[type=text], .ftue-inner input[type=password], .dialog-inner textarea, .dialog-inner input[type=text]   {
+	font-family:"Raleway", arial, sans-serif;
 	background-color:#c5c5c5;
 	border:none;
 	-webkit-box-shadow: inset 2px 2px 3px 0px #888;
 	box-shadow: inset 2px 2px 3px 0px #888;
-	color:#333;
+	color:#666;
 }
 
 .create-session-description {

app/assets/stylesheets/client/session.css.scss

@@ -40,6 +40,11 @@
     color:#666;
 }
 
+#tracks {
+    margin-top:12px;
+    overflow:auto;
+}
+
 .track-empty a {
     color:#aaa;
 }
@@ -78,6 +83,7 @@ table.vu td {
 
 .track-label {
     position: absolute;
+    text-align:center;
     width: 55px;
     max-width: 55px;
     white-space:normal;
@@ -104,14 +110,14 @@ table.vu td {
 .master-volume-label {
     font-size:12px;
     position:absolute;
-    left: 210px;
-    top: 15px;
+    left: 226px;
+    top: 16px;
 }
 
 #volume {
     position:absolute;
     top: 15px;
-    left: 264px;
+    left: 284px;
     width: 60px;
     height: 24px;
     font-size:12px;
@@ -174,6 +180,10 @@ table.vu td {
     text-decoration: none;
 }
 
+.session-add a img {
+    margin-top: 2px;
+}
+
 .session-recording-name-wrapper {
     position:relative;
     white-space:nowrap;	

app/views/clients/_session.html.erb

@@ -15,7 +15,7 @@
             SETTINGS
         </a>
         <a class="button-grey left" href="#">
-            <%= image_tag "content/icon_share.png", {:align => "texttop"} %> 
+            <%= image_tag "content/icon_share.png", {:align => "texttop", :height => 12, :width => 12} %> 
             SHARE
         </a>
         <div class="master-volume-label">VOLUME</div>