Ticket #4674 - Studio: Layout changes.

studio/template/css/dashboard.css

@@ -12,8 +12,9 @@ div.bx-dbd-block-content {
 
 /*--- Versions block ---*/
 div.bx-dbd-version-image img {
-    width: 110px;
-    height: 110px;
+    width: 4rem;
+    height: 4rem;
+    border-radius: 0.75rem;
 }
 .bx-dbd-version-info .bx-dbd-vii-row {
     display: -webkit-flex;

studio/template/css/menu_top.css

@@ -16,9 +16,7 @@ div.bx-std-menu-top-wrp .bx-std-menu-top.bx-std-menu-top-center:first-child {
     padding-left: 0.75rem;
 }
 
-div.bx-std-menu-top {
-    position: relative;
-}
+div.bx-std-menu-top {}
 div.bx-std-menu-top.bx-std-menu-top-left,
 div.bx-std-menu-top.bx-std-menu-top-center,
 div.bx-std-menu-top.bx-std-menu-top-right {
@@ -26,7 +24,8 @@ div.bx-std-menu-top.bx-std-menu-top-right {
     flex: 0 1 auto;
 }
 div.bx-std-menu-top.bx-std-menu-top-left,
-div.bx-std-menu-top.bx-std-menu-top-right {    
+div.bx-std-menu-top.bx-std-menu-top-right {
+    position: relative;
     z-index: 2;
     min-width: 10%;
 }
@@ -34,6 +33,12 @@ div.bx-std-menu-top.bx-std-menu-top-center {
     z-index: 1;
     -webkit-flex-grow: 1;
     flex-grow: 1;
+    height: 3.5rem;
+}
+div.bx-std-menu-top.bx-std-menu-top-center .bx-std-menu-top-center-cnt {
+    position: absolute;
+    left: 0;
+    width: 100vw;
 }
 div.bx-std-menu-top-center ul {
     position: relative;

studio/template/menu_top_center.html

@@ -1,14 +1,16 @@
-<ul class="bx-menu-top-center bx-menu-object-__object__ bx-clearfix">
-    <bx_repeat:menu_items>
-        <li id="bx-menu-item-__name__" class="__class__ bx-def-box-sizing __class_add__">
-            <div class="bx-mi-bg bg-blue-800"></div>
-            <a href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
-                <div class="bx-mi-icon rounded-lg hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
-                    <div class="block ring-white/5 ring-1 ring-inset rounded-lg">
-                        <bx_include_auto:menu_icon.html />
+<div class="bx-std-menu-top-center-cnt">
+    <ul class="bx-menu-top-center bx-menu-object-__object__ bx-clearfix">
+        <bx_repeat:menu_items>
+            <li id="bx-menu-item-__name__" class="__class__ bx-def-box-sizing __class_add__">
+                <div class="bx-mi-bg bg-blue-800"></div>
+                <a href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
+                    <div class="bx-mi-icon rounded-lg hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
+                        <div class="block ring-white/5 ring-1 ring-inset rounded-lg">
+                            <bx_include_auto:menu_icon.html />
+                        </div>
                     </div>
-                </div>
-            </a>
-        </li>
-    </bx_repeat:menu_items>
-</ul>
+                </a>
+            </li>
+        </bx_repeat:menu_items>
+    </ul>
+</div>