Ticket #4674 - Studio: Layout changes.

modules/boonex/developer/template/css/main.css

@@ -1,4 +1,7 @@
 /*--- Overwrite ---*/
+body.bx-dev-page-body-columns div.bx-std-page-column.bx-std-page-content .bx-std-page-column-cnt {
+    padding: 5rem 0 0 0;
+}
 body.bx-dev-page-body-single div.bx-std-page-menu,
 body.bx-dev-page-body-columns div.bx-std-page-menu {
     -webkit-flex-basis: 67px;
@@ -125,3 +128,6 @@ div.bx-dev-page-column.bx-dev-page-content {
     overflow-x: hidden;
     overflow-y: auto;
 }
+div.bx-dev-page-column.bx-dev-page-content .bx-dev-page-column-cnt {
+    padding: 1.5rem;
+}

studio/template/css/launcher.css

@@ -153,9 +153,6 @@ div.bx-std-widget-icon-jitter {
 div.bx-std-widget-notices {
     position: absolute;
     z-index: 3;
-    display: flex;
-    justify-content: center;
-    align-items: center;
     box-sizing: content-box;
 
     top: -1rem;
@@ -165,11 +162,14 @@ div.bx-std-widget-notices {
     
     background-color: #ff3b38;
     border: 2px solid #000000;
-    border-radius: 16px;
+    border-radius: 1.25rem;
+
+    line-height: 2rem;
+    text-align: center;
 
-    color:#fff;
-    font-weight:bold;
-    text-align:center;
+    font-weight: 600;
+    font-size: 1.0rem;
+    color: #fff;
 
     overflow:visible;
 }
@@ -177,17 +177,6 @@ div.bx-std-widget-notices {
     display: none;
 }
 
-div.bx-std-widget-notices .bx-std-wn-cnt  {
-    width: 1.5rem;
-    height: 1.5rem;
-
-    border: 2px solid #ffffff;
-    border-radius: 0.5rem;
-
-    line-height: 1.25rem;
-    font-size: 0.75rem;
-}
-
 div.bx-std-widget-actions {
     position: absolute;
     display: none;

studio/template/menu_side.html

@@ -2,7 +2,7 @@
     <div id="bx-std-pmi-__name__" class="bx-std-pmen-item __class_add__">
         <a href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
             <div class="bx-std-pmen-item-cnt">
-                <div class="bx-std-pmen-ic-icon<bx_if:show_icon> block</bx_if:show_icon><bx_if:show_icon_bg> p-1 bg-gray-400</bx_if:show_icon_bg>">
+                <div class="bx-std-pmen-ic-icon<bx_if:show_icon> block</bx_if:show_icon><bx_if:show_icon_bg> p-1 bg-gray-500</bx_if:show_icon_bg>">
                     <bx_if:icon>
                         <i class="sys-icon __icon__"></i>
                     </bx_if:icon>

studio/template/widget.html

@@ -10,9 +10,7 @@
             </a>
         </div>
         <bx_if:show_notice>
-           <div class="bx-std-widget-notices bx-def-box-sizing">
-               <div class="bx-std-wn-cnt">__content__</div>
-           </div>
+           <div class="bx-std-widget-notices">__content__</div>
         </bx_if:show_notice>
 
         <bx_if:show_actions_left>