customize styles

templates/admin/ui/core/default/widget/tabsWidget/tabsWidget.tpl

@@ -9,7 +9,7 @@
                 </div>
             </div>
         {/if}
-        <div class="lu-widget__nav swiper-container swiper-container-horizontal swiper-container-false" data-content-slider="" style="visibility: visible;">
+        <div class="lu-widget__nav swiper-container swiper-container-horizontal swiper-container-false" data-content-slider="" style="visibility: visible; margin-left: unset; margin-right: unset; width:100%;">
             {assign var="firstArrKey" value=$rawObject->getElements()|array_keys}
             {if $elements}
                 <ul class="swiper-wrapper lu-nav lu-nav--md lu-nav--h lu-nav--tabs lu-nav--arrow">

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

@@ -16302,7 +16302,8 @@ Rail
 
 #layers .lu-nav__link:hover,
 #layers .lu-nav__link:hover > .lu-nav__link-icon {
-  color: #62CA5F;
+  /* color: #62CA5F; */
+  color: #336699;
   text-decoration: none;
 }
 

templates/client/default/controlers/main.tpl

@@ -28,11 +28,11 @@
                 <div class="product-details">
                     <div class="row row-eq-height row-eq-height-sm">
                         <div class="col-md-6">
-                            <div class="product-holder product-status-{$rawstatus|strtolower}">
+                            <div class="product-holder product-status-{$rawstatus|strtolower}" style="min-height: unset; height: 210px;">
                                 <div class="product-content">
                                     <div class="product-image">
                                         <div class="feature-icon">
-                                            <img src="/templates/croster/thurdata/logoVDC-color.svg" class="img-fluid">
+                                            <img src="/templates/croster/thurdata/logoVDC-color.svg" class="img-fluid" style="height:100px;">
                                         </div>
                                     </div>
                                     <h4>{$product}</h4>
@@ -45,7 +45,7 @@
                             </div>
                         </div>
                         <div class="col-md-6">
-                            <div class="product-info">
+                            <div class="product-info" style="min-height: unset; height: 210px;">
                                 <ul class="list-info list-v">
                                     <li>
                                         <span class="list-heading">{$LANG.clientareahostingregdate}</span>
@@ -154,9 +154,11 @@
                                         </li>
                                     {/if}
                                     {if $lastupdate}
+                                	<!--
                                         <li class="nav-item">
                                             <a href="#resourceusage" data-toggle="tab" class="nav-link{if !$domain && !$content && !$configurableoptions && !$customfields} active{/if}"><i class="fas fa-inbox fa-fw"></i> {lang key='resourceUsage'}</a>
                                         </li>
+                                        -->
                                     {/if}
                                 </ul>
                             </div>

templates/client/default/ui/core/default/widget/forms/formTabsWidget.tpl

@@ -36,10 +36,10 @@
                     </div>
                 </div>
             {/if}
-            <div class="lu-widget__nav swiper-container swiper-container-horizontal swiper-container-false" data-content-slider="" style="visibility: visible; margin-left: unset; margin-right: unset;">
+            <div class="lu-widget__nav swiper-container swiper-container-horizontal swiper-container-false" data-content-slider="" style="visibility: visible; margin-left: unset; margin-right: unset; width:100%;">
                 {assign var="firstArrKey" value=$rawObject->getSections()|array_keys}
                 {if $rawObject->getSections()}
-                    <ul class="swiper-wrapper lu-nav lu-nav--md lu-nav--h lu-nav--tabs lu-nav--arrow" style="width: 100%; display: table;">
+                    <ul class="swiper-wrapper lu-nav lu-nav--md lu-nav--h lu-nav--tabs lu-nav--arrow" style="width: 100%; display: table; margin:0; padding:0;">
                         {foreach from=$rawObject->getSections() key=tplKey item=tplValue}
                             <li {if $tplKey  === $firstArrKey[0]} class="lu-nav__item swiper-slide is-active" {else} class="lu-nav__item swiper-slide" {/if} style="display: table-cell">
                                 <a class="lu-nav__link"  data-toggle="lu-tab" href="#contTab{$tplValue->getId()}">

templates/client/default/ui/core/default/widget/tabsWidget/tabsWidget.tpl

@@ -9,14 +9,14 @@
                 </div>
             </div>
         {/if}
-        <div class="lu-widget__nav swiper-container swiper-container-horizontal swiper-container-false" data-content-slider="" style="visibility: visible;">
+        <div class="lu-widget__nav swiper-container swiper-container-horizontal swiper-container-false" data-content-slider="" style="visibility: visible; margin-left: unset; margin-right: unset; width:100%;">
             {assign var="firstArrKey" value=$rawObject->getElements()|array_keys}
             {if $elements}
-                <ul class="lu-nav lu-nav--md lu-nav--h lu-nav--tabs lu-nav--arrow">
+                <ul class="lu-nav lu-nav--md lu-nav--h lu-nav--tabs lu-nav--arrow" style="width: 100%; display: table; margin:0; padding:0;">
                     {foreach from=$rawObject->getElements() key=tplKey item=tplValue}
-                        <li {if $tplKey  === $firstArrKey[0]} class="lu-nav__item is-active" {else} class="lu-nav__item" {/if}>
+                        <li {if $tplKey  === $firstArrKey[0]} class="lu-nav__item is-active" {else} class="lu-nav__item" {/if} style="display: table-cell">
                             <a class="lu-nav__link"  data-toggle="lu-tab" href="#contTab{$tplValue->getId()}">
-                                <span class="nav__link-text">{if $tplValue->isRawTitle()}{$tplValue->getRawTitle()}{elseif $tplValue->getTitle()}{$MGLANG->T($tplValue->getTitle())}{/if}</span>
+                                <span class="nav__link-text" style="font-weight: 600;">{if $tplValue->isRawTitle()}{$tplValue->getRawTitle()}{elseif $tplValue->getTitle()}{$MGLANG->T($tplValue->getTitle())}{/if}</span>
                             </a>
                         </li>
                     {/foreach}