new snapshot buttons

app/UI/Home/Templates/pages/manageService.tpl

@@ -1,7 +1,7 @@
 <div class="h4 lu-m-b-3x lu-m-t-3x">{$MGLANG->absoluteT('serverCA','home','pagesHeader')}</div>
 <div class="lu-tiles lu-row lu-row--eq-height">
     {foreach from=$rawObject->getPages() key=controller item=settings}
-        <div class="lu-col-sm-20p" style="justify-content: center;">
+        <div class="lu-col-sm-16p" style="justify-content: center;">
             <a class="lu-tile lu-tile--btn" href="{$rawObject->getURL($controller)}">
                 <div class="lu-i-c-6x">
                     <img src="{$rawObject->getImageUrl($controller)}"

app/UI/Home/Templates/pages/serviceActions.tpl

@@ -1,7 +1,7 @@
 <div class="h4 lu-m-b-3x lu-m-t-3x">{$MGLANG->absoluteT('serverCA','home','serviceActions')}</div>
 <div class="lu-tiles lu-row lu-row--eq-height">
     {foreach from=$rawObject->getButtons() key=setting item=dataElement}
-        <div class="lu-col-sm-20p" style="justify-content: center;">
+        <div class="lu-col-sm-16p" style="justify-content: center;">
             <a class="lu-tile lu-tile--btn  {$rawObject->getClasses()}" {foreach $dataElement->getHtmlAttributes() as $aValue} {$aValue@key}="{$aValue}" {/foreach}
             data-title="{$MGLANG->absoluteT('buttons','actions', $dataElement->getTitle())}">
             <div class="lu-i-c-6x">

app/UI/Home/Templates/pages/serviceManagement.tpl

@@ -1,7 +1,7 @@
 <div class="h4 lu-m-b-3x lu-m-t-3x">{$MGLANG->absoluteT('serverCA','home',$rawObject->getId())}</div>
 <div class="lu-tiles lu-row lu-row--eq-height">
     {foreach from=$rawObject->getButtons() key=setting item=dataElement}
-        <div class="lu-col-sm-20p" style="justify-content: center;">
+        <div class="lu-col-sm-16p" style="justify-content: center;">
             <a class="{$dataElement->getClasses()}" href="{$dataElement->getHref()}" {if $dataElement->isRawTitle()}title="{$dataElement->getRawTitle()}"{elseif $dataElement->getTitle()}title="{$MGLANG->T('button', $dataElement->getTitle())}"{/if}  {foreach $dataElement->getHtmlAttributes() as $aValue} {$aValue@key}="{$aValue}"{/foreach}>
                 <div class="lu-i-c-6x">
                     {if $dataElement->getImageUrl()}

templates/client/default/assets/css/layers-ui.css

@@ -1152,6 +1152,16 @@
   padding-left: 8px;
 }
 
+@media (min-width: 514px) {
+  .lu-col-sm-16p {
+    -webkit-box-flex: 0;
+    flex: 0 0 16.66667%;
+    max-width: 16.66667%;
+    padding-right: 8px;
+    padding-left: 8px;
+  }
+}
+
 @media (min-width: 514px) {
   .lu-col-sm-20p {
     -webkit-box-flex: 0;