Connection page design

app/assets/javascripts/orbitdesktop.js

@@ -118,6 +118,7 @@ var orbitDesktop = function(dom){
 		$(window).resize(function(){
 			var ww = $(window).width();
 			$("img#thmbackground").attr({"width":ww});
+			$('.tinycanvas').tinyscrollbar_update();
 		});
 		var $widget_fn = $('.widget_fn'),$fn_des = $('.fn_des');
 		$widget_fn.hover(function(){
@@ -189,7 +190,6 @@ var orbitDesktop = function(dom){
 				.find('.scrollbar')
 				.delay(1500)
 				.addClass('op00', 500);
-
 			// simple dropdown menu
 			var $sdm = $('.sdm');
 
@@ -464,6 +464,7 @@ var orbitDesktop = function(dom){
 				.find('.scrollbar')
 				.delay(1500)
 				.addClass('op00', 500);
+
 			var $sdm = $('.sdm');
 
 			if( !$sdm.children('.sdm_o') ){
@@ -762,7 +763,19 @@ var orbitDesktop = function(dom){
 						if(usernm!="" && pwd!="")
 							saveaccount(usernm,pwd,type,what);
 							
-				})
+				});
+
+				var $conlist = $('.s_form'),
+					conlist_w = $conlist.length * $conlist.outerWidth(true) + ($conlist.length - 1) * 25;
+
+				$('#connection_setting').width(conlist_w);
+
+				$('.tinycanvas')
+					.tinyscrollbar({ axis: 'x'})
+					.find('.scrollbar')
+					.delay(1500)
+					.addClass('op00', 500);
+				
 			}
 			var saveaccount = function(usernm,pwd,type,what){
 					$.post("/desktop/save_account_info",{email:usernm,password:pwd,account:type,dowhat:what},function(result){