#2113 Dashboard page realign - view improvements

modules/boonex/lucid/data/template/system/css/menu.css

@@ -559,6 +559,13 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li .bx-menu-item-addon {
 	top: 0.375rem;
 }
+.bx-menu-floating-blocks-dash li {
+    width:12.5%;
+}
+
+.bx-media-tablet .bx-menu-floating-blocks-dash li {
+    width:25%;
+}
 
 /* --------------- profile stats menu */
 .bx-menu-ver.bx-menu-object-sys_profile_stats li .bx-menu-addon-cnt.bx-def-color-bg-hl {

template/chart_stats.html

@@ -18,7 +18,7 @@
 	    		    maintainAspectRatio: false
 	    		},
 	    	});
-	    	$("#bx_chart_stats_graph").height(400);
+	    	$("#bx_chart_stats_graph").height(450);
 	    </script>
     </div>
 </div>

template/css/menu.css

@@ -351,7 +351,11 @@ ul.bx-menu-toolbar li a .bx-def-unit-alert-middle {
     max-width:800px;
     max-width:50rem;
 }
-
+ul.bx-menu-floating-blocks-dash{
+    display: flex;
+    flex-wrap: wrap;
+    align-content: space-between;
+}
 ul.bx-menu-floating-blocks-wide,
 ul.bx-menu-floating-blocks-big,
 ul.bx-menu-floating-blocks-dash,
@@ -359,14 +363,10 @@ ul.bx-menu-floating-blocks {
     padding:0;
     margin:0;
     list-style:none;
-}
-ul.bx-menu-floating-blocks-dash {
-    margin-left: -6px;
-}
-    
+}  
 
 .bx-menu-floating-blocks-big li,
-.bx-menu-floating-blocks-dash li,
+
 .bx-menu-floating-blocks-wide li,
 .bx-menu-floating-blocks li {
     display: inline-block;
@@ -387,8 +387,15 @@ ul.bx-menu-floating-blocks-dash {
     height:8rem;
 }
 .bx-menu-floating-blocks-dash li {
-    width:15rem;
-    height:3.6rem;
+    display: block;
+    width:25%;
+    height:3.35rem;
+}
+.bx-media-phone .bx-menu-floating-blocks-dash li {
+    width:50%;
+}
+.bx-menu-floating-blocks-dash-item {
+     height:3.35rem;
 }
 .bx-menu-floating-blocks-wide li {
     position:relative;

template/menu_floating_blocks_dash.html

@@ -1,14 +1,16 @@
 <ul class="bx-menu-floating-blocks-dash bx-menu-object-__object__ bx-clearfix bx-def-margin-sec-leftright-neg">
     <bx_repeat:menu_items>
-        <li class="bx-def-box bx-def-round-corners bx-def-color-bg-hl-hover bx-def-box bx-def-box-sizing __class_add__ bx-def-padding-sec bx-def-margin-sec-bottom bx-def-margin-sec-left">
-            <a href="__link__" target="__target__" onclick="__onclick__">
-                <div class="bx-menu-floating-blocks-icon bx-def-margin-sec-right">
-                    <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
-                    <bx_if:image><img style="background-image:url(__icon_url__)" src="><bx_icon_url:spacer.gif />" /></bx_if:image>
-                </div>
-                <div class="bx-menu-floating-blocks-title">__title__</div>
-                <bx_if:addon>__addonf__</bx_if:addon>
-            </a>
+        <li class=" bx-def-margin-bottom">
+            <div class="bx-menu-floating-blocks-dash-item bx-def-padding-sec bx-def-margin-sec-leftright bx-def-round-corners bx-def-color-bg-hl-hover bx-def-box bx-def-box-sizing __class_add__">
+                <a href="__link__" target="__target__" onclick="__onclick__">
+                    <div class="bx-menu-floating-blocks-icon bx-def-margin-sec-right">
+                        <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
+                        <bx_if:image><img style="background-image:url(__icon_url__)" src="><bx_icon_url:spacer.gif />" /></bx_if:image>
+                    </div>
+                    <div class="bx-menu-floating-blocks-title">__title__</div>
+                    <bx_if:addon>__addonf__</bx_if:addon>
+                </a>
+            </div>
         </li>
     </bx_repeat:menu_items>
 </ul>