minimize bar updated to new style and more flexible.

app/assets/stylesheets/desktop/desktop-main.css

@@ -455,7 +455,7 @@ a.admtxt.admbg2:hover {
         font-size: 15px;
         line-height: 36px; }
         #orbitdiag .diag_holder .diag_holder_inner .diag_btn:hover {
-          outline: solid 2px white; }
+          outline: solid 2px #fff; }
 
 /* Tile */
 .appname {
@@ -553,7 +553,7 @@ a.admtxt.admbg2:hover {
   cursor: pointer; }
 
 .theme_thumb, .stock_wallpaper img {
-  border: solid 1px white;
+  border: solid 1px #fff;
   width: 120px;
   margin: 0 auto; }
 
@@ -606,7 +606,7 @@ a.admtxt.admbg2:hover {
   padding: 24px 0;
   margin-top: 12px;
   overflow: hidden;
-  border-top: solid 1px #eeeeee; }
+  border-top: solid 1px #eee; }
   .s_action .setting_btn {
     margin-left: 12px; }
 
@@ -751,9 +751,9 @@ a.admtxt.admbg2:hover {
 
 /* App */
 .app_frame {
-  margin: 48px 96px 48px 156px;
+  margin: 60px 0 48px 156px;
   min-width: 800px;
-  min-height: 588px;
+  min-height: 576px;
   position: absolute;
   top: 0;
   left: 0;
@@ -764,20 +764,36 @@ a.admtxt.admbg2:hover {
     background-color: #fff;
     position: absolute;
     width: 100%; }
+  .app_frame .app_holder iframe {
+      width: 100%; }
   .app_frame .app_frame_header {
-    height: 72px; }
-    .app_frame .app_frame_header .icon-remove {
+     height: 60px; }
+    
+    /* Minimize Section */
+  #minimizebar {
+    position: fixed;
+    width: 100%;
+    left: 0;
+    bottom: 0;
+    z-index: 14; }
+  #minimizebar .minimize {
+    cursor: pointer;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: 36px;
+    font-size: 15px;
+    float: left; }
+  .app_frame .app_frame_header .icon-remove, .app_frame .app_frame_header .icon-minus {
       display: block;
       float: right;
       line-height: 60px;
       font-size: 20px;
       cursor: pointer; }
-     .app_frame .app_frame_header .icon-minus {
+     #minimizebar .minimize .icon-remove {
       display: block;
       float: right;
-      line-height: 60px;
-      font-size: 20px;
-      cursor: pointer; }
+      line-height: 36px;}
 
 /*Tooltip popup */
 .desktop_toolpopup {

app/assets/stylesheets/desktop/desktop-main.scss

@@ -764,9 +764,9 @@ a:focus { outline: none; }
 
 /* App */
 .app_frame {
-	margin: 48px 96px 48px 156px;
+	margin: 60px 0 48px 156px;
 	min-width: 800px;
-	min-height: 588px;
+	min-height: 576px;
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -778,16 +778,49 @@ a:focus { outline: none; }
 		background-color: #fff;
 		position: absolute;
 		width: 100%;
+
+		iframe {
+			width: 100%;
+		}
 	}
-	#header .icon-remove {
-		display: block;
-		float: right;
-		line-height: 60px;
-		font-size: 20px;
-		cursor: pointer;
+	.app_frame_header{
+		height: 60px;
+
+		.icon-remove, .icon-minus {
+			display: block;
+			float: right;
+			line-height: 60px;
+			font-size: 20px;
+			cursor: pointer;
+		}
 	}
 }
+/* Minimize Section */
+#minimizebar {
+	position: fixed;
+	width: 100%;
+	left: 0;
+	bottom: 0;
+	z-index: 14;
 
+	.minimize {
+		cursor: pointer;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		line-height: 36px;
+		font-size: 15px;
+		float: left;
+
+		.icon-remove {
+			float: right;
+			line-height: 36px;
+		}
+	}
+	> :first-child {
+		// margin-top: 48px;
+	}
+}
 /*Tooltip popup */
 .desktop_toolpopup {
 	position: absolute;