Ticket #2094

studio/template/css/common.less

@@ -64,46 +64,38 @@ a:hover > .sys-icon-a i {
 /* button large */
 .bx-btn,
 .bx-btn.bx-btn-primary {
-	.box-sizing(content-box);
+    .box-sizing(border-box);
 
-	height: 60px;
-	height: 2.5rem;
-	line-height: 60px;
-	line-height: 2.5rem;
+    height: 36px;
+    height: 2.4rem;
+    line-height: 36px;
+    line-height: 2.4rem;
 
-	.background-color(rgba(40, 60, 80, 0.8));
+    .background-color(rgba(68, 134, 244, 1.0));
 
-	border: 1px solid rgba(20, 40, 60, 0.8);
-	.radius(3px);
+    .radius(4px);
 
-	-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
-	-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
-	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
+    text-shadow: none;
 
-	text-shadow: none;
-
-	font-family: sans-serif;
-	font-size: 1rem;
-	font-weight: 400;
-	color: rgba(255, 255, 255, 0.9);
+    font-family: 'Helvetica Neue' ,sans-serif;
+    font-size: 1.075rem;
+    font-weight: 400;
+    color: rgba(251, 252, 253, 1.0);
 }
 .bx-btn:hover,
 .bx-btn:active,
 .bx-btn.bx-btn-primary:hover,
 .bx-btn.bx-btn-primary:active {
-	border: 1px solid rgba(20, 40, 60, 0.9);
-	.background-color(rgba(40, 60, 80, 0.9));
-
-	color: rgba(255, 255, 255, 1);
+    .background-color(rgba(68, 134, 244, 0.8));
 }
 .bx-btn .sys-icon {
-	color: rgba(255, 255, 255, 0.9);
+    color: rgba(255, 255, 255, 0.9);
 }
 .bx-btn:hover .sys-icon,
 .bx-btn:active .sys-icon,
 .bx-btn.bx-btn-primary:hover .sys-icon,
 .bx-btn.bx-btn-primary:active .sys-icon {
-	color: rgba(255, 255, 255, 1);
+    color: rgba(255, 255, 255, 1);
 }
 
 /* button small */

studio/template/css/forms.css

@@ -15,30 +15,28 @@
 .bx-form-value .bx-form-input-textarea,
 .bx-form-value .bx-form-input-password,
 .bx-form-value .bx-form-input-text {
-	height: 40px;
-	height: 2.5rem;
+    height: 36px;
+    height: 2.4rem;
+    box-sizing: border-box;
 
-	border-color: rgba(40, 60, 80, 0.5);
-	border-width: 2px;
-	border-width: 0.125;
+    border-color: rgba(136, 143, 153, 1);
+    border-width: 1px;
 
-	background-color: rgba(245, 250, 255, 0.5);
-
-	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.15);
-	-moz-box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.15);
-	box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.15);
+    background-color: rgba(255, 255, 255, 1);
+    
+    font-size: 1.075rem;
 }
 
 .bx-form-value .bx-form-input-select_multiple,
 .bx-form-value .bx-form-input-radio_set,
 .bx-form-value .bx-form-input-checkbox_set {
-	height:auto;
+    height:auto;
 }
 
 .bx-form-value .bx-form-input-textarea {
-	height: 150px;
+    height: 150px;
     height: 10rem;
-	padding: 0.5rem;
+    padding: 0.5rem;
 
     line-height:normal;
 } 
@@ -51,20 +49,15 @@
 .bx-form-value .bx-form-input-textarea:focus,
 .bx-form-value .bx-form-input-password:focus,
 .bx-form-value .bx-form-input-text:focus {
-	border-color: rgba(30, 140, 240, 1);
-	background-color: rgba(255, 255, 255, 1);
+    border-color: rgba(136, 143, 153, 1);
+    background-color: rgba(255, 255, 255, 1);
 }
 
 .bx-form-value .bx-switcher-cont {
-	border-color: rgba(40, 60, 80, 0.5);
-	border-width: 2px;
-	border-width: 0.125;
-
-	background-color: rgba(245, 250, 255, 0.5);
+    border-color: rgba(136, 143, 153, 1);
+    border-width: 1px;
 
-	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.15);
-	-moz-box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.15);
-	box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.15);
+    background-color: rgba(255, 255, 255, 1);
 }
 
 .bx-form-value .bx-form-input-select_multiple,

studio/template/css/grid.css

@@ -0,0 +1,9 @@
+@import url(../../../template/css/grid.css);
+
+/**
+ * Overwrite default styles
+ */
+.bx-grid-header-controls-independent .bx-btn {
+    margin-top: 0;
+    margin-bottom: 0;
+}

studio/template/css/launcher.css

@@ -176,14 +176,10 @@ div.bx-std-widget-action {
     border-radius: 16px;
 
     line-height: 30px;
+    text-align: center;
 }
 div.bx-std-widget-action i.sys-icon {
-    position: absolute;
-    left: 0px;
-    width: 30px;
-
     font-size: 20px;
-    text-align: center;
     text-shadow: none;
     color: #323c46;
 }