Ticket #3147

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

@@ -596,13 +596,6 @@ 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.25rem;
 }
-.bx-menu-floating-blocks-dash li {
-    width:12.5%;
-}
-
-.bx-media-tablet .bx-menu-floating-blocks-dash li {
-    width:25%;
-}
 
 
 /* --------------- profile stats menu */

template/css/menu.css

@@ -406,26 +406,39 @@ ul.bx-menu-floating-blocks {
     height:128px;
     height:8rem;
 }
+
 .bx-menu-floating-blocks-dash li {
     display: block;
-    width:24.9%;
-    height:3.35rem;
+    width: 24.9%;
+    height: 3.35rem;
 }
-.bx-media-phone .bx-menu-floating-blocks-dash li {
-    width:49.5%;
+.bx-media-desktop .bx-menu-floating-blocks-dash li {
+    min-width: 14.0rem;
 }
-
-.bx-media-desktop .bx-menu-floating-blocks-dash{
-	min-width: 222px;
+.bx-media-phone .bx-menu-floating-blocks-dash li {
+    width: 49.5%;
 }
-
-.bx-menu-floating-blocks-dash-item A{
+.bx-menu-floating-blocks-dash-item a {
     display:flex !important;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center
 }
-.bx-menu-floating-blocks-dash-title{
+.bx-menu-floating-blocks-dash-item .bx-menu-floating-blocks-icon {
+    position: relative;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+
+    width: 2.5rem;
+    height: 2.5rem;
+    border-radius: 1.25rem;
+    background-color: #edf1f7;
+}
+.bx-menu-floating-blocks-dash-title {
     display:flex;
     width:calc(100% - 3rem);
     height:2.35rem;
@@ -551,10 +564,8 @@ ul.bx-menu-floating-blocks {
 }
 
 .bx-menu-floating-blocks-dash li .sys-icon {
-    line-height:2rem;
-    font-size:2rem;
-	width: 2.2rem;
-    display: inline-block;
+    display: block;
+    font-size: 1.2rem;
 }
 
 .bx-menu-floating-blocks-big li .bx-menu-floating-blocks-title,

template/menu_floating_blocks_dash.html

@@ -1,12 +1,12 @@
 <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-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__">
+            <div class="bx-menu-floating-blocks-dash-item bx-def-padding-sec bx-def-margin-sec-leftright bx-def-round-corners bx-def-box bx-def-box-sizing __class_add__">
                 <a href="__link__" onclick="__onclick__"__attrs__>
                     <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>
+                        <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-dash-title">
                         <div class="bx-menu-floating-blocks-title">__title__</div>
                         <bx_if:addon>__addonf__</bx_if:addon>