Ticket #4674 - Studio: Layout changes.

modules/boonex/artificer/data/template/system/css/forms.css

@@ -46,13 +46,21 @@ import url(../../../../../../../template/css/forms.css);
     display: flex;
     -webkit-align-items: center;
     align-items: center;
-    -webkit-flex-wrap: wrap;
-    flex-wrap: wrap;
+    -webkit-flex-wrap: nowrap;
+    flex-wrap: nowrap;
 
     line-height: 1.25rem;
     text-transform: uppercase;
 }
 
+.bx-form-section-header .bx-form-section-title:hover {
+    background-color: rgba(243, 244, 246, 1);
+}
+
+.bx-form-section-header:not(.bx-form-collapsed) .bx-form-section-title {
+    background-color: rgba(243, 244, 246, 1);
+}
+
 .bx-form-section-header .bx-form-section-title .sys-icon {
     color: inherit !important;
 }

modules/boonex/english/data/langs/system/en.xml

@@ -591,7 +591,7 @@
 	<string name="_adm_bp_txt_page_layout_empty"><![CDATA[Select Layout...]]></string>
 	<string name="_adm_bp_txt_page_meta_description"><![CDATA[Page (Meta) Description]]></string>
 	<string name="_adm_bp_txt_page_meta_keywords"><![CDATA[Keywords]]></string>
-    <string name="_adm_bp_txt_page_meta_title"><![CDATA[Page (Meta) Title]]></string>
+        <string name="_adm_bp_txt_page_meta_title"><![CDATA[Page (Meta) Title]]></string>
 	<string name="_adm_bp_txt_page_meta_robots"><![CDATA[Meta Robots]]></string>
         <string name="_adm_bp_txt_page_submenu"><![CDATA[Submenu]]></string>
 	<string name="_adm_bp_dsc_page_submenu"><![CDATA[Page submenu can be selected here]]></string>
@@ -629,14 +629,11 @@
         <string name="_adm_btn_settings_mix_publish"><![CDATA[Publish]]></string>
 	<string name="_adm_btn_store_search"><![CDATA[Search]]></string>
 	<string name="_adm_dbd_btn_update"><![CDATA[Update]]></string>
-	<string name="_adm_dbd_txt_version_n_available"><![CDATA[UNA {0} is available!]]></string>
-	<string name="_adm_dbd_txt_script_on"><![CDATA[UNA on]]></string>
 	<string name="_adm_dbd_txt_htools_status"><![CDATA[{0} - <b>{1}</b>]]></string>
         <string name="_adm_dbd_txt_available"><![CDATA[Available:]]></string>
 	<string name="_adm_dbd_txt_installed"><![CDATA[Installed:]]></string>
 	<string name="_adm_dbd_txt_updated"><![CDATA[Updated:]]></string>
-	<string name="_adm_dbd_txt_version"><![CDATA[Version:]]></string>
-    <string name="_adm_dbd_msg_upgrade_started"><![CDATA[Site will be upgraded within a minute.<br />Don't forget to <a href="{0}store.php?page=updates">check for modules updates</a> after that.]]></string>
+        <string name="_adm_dbd_msg_upgrade_started"><![CDATA[Site will be upgraded within a minute.<br />Don't forget to <a href="{0}store.php?page=updates">check for modules updates</a> after that.]]></string>
 	<string name="_adm_dbd_txt_su_database"><![CDATA[Database]]></string>
 	<string name="_adm_dbd_txt_su_system"><![CDATA[System]]></string>
 	<string name="_adm_dbd_txt_su_system_media"><![CDATA[System Media]]></string>
@@ -649,17 +646,17 @@
 	<string name="_adm_dbd_txt_c_clear_css"><![CDATA[Clear CSS cache]]></string>
         <string name="_adm_dbd_txt_c_less"><![CDATA[LESS]]></string>
         <string name="_adm_dbd_txt_c_clear_less"><![CDATA[Clear LESS cache]]></string>
-    <string name="_adm_dbd_txt_c_clear_purifier"><![CDATA[Clear Purifier cache]]></string>
-    <string name="_adm_dbd_txt_c_js"><![CDATA[JavaScript]]></string>
-    <string name="_adm_dbd_txt_c_clear_js"><![CDATA[Clear JavaScript cache]]></string>
-    <string name="_adm_dbd_txt_c_clear_custom"><![CDATA[Clear Custom cache]]></string>
-    <string name="_adm_dbd_txt_c_opcache"><![CDATA[Opcache]]></string>
-    <string name="_adm_dbd_txt_c_clear_opcache"><![CDATA[Clear Opcache]]></string>
-    <string name="_adm_dbd_err_c_clean_failed"><![CDATA[Failed to clear cache]]></string>
-    <string name="_adm_dbd_err_c_clean_unsupported"><![CDATA[Cache clearing is unsupported]]></string>
-    <string name="_adm_dbd_msg_c_clean_success"><![CDATA[Cache was successfully cleared]]></string>
-    <string name="_adm_dbd_msg_c_all_disabled"><![CDATA[All caches are disabled]]></string>
-    <string name="_adm_dsn_cnf_uninstall"><![CDATA[<h3>Uninstall "{0}" template?</h3><p>Uninstalling "{0}" template will also delete all of its data. Do you want to continue?</p>]]></string>
+        <string name="_adm_dbd_txt_c_clear_purifier"><![CDATA[Clear Purifier cache]]></string>
+        <string name="_adm_dbd_txt_c_js"><![CDATA[JavaScript]]></string>
+        <string name="_adm_dbd_txt_c_clear_js"><![CDATA[Clear JavaScript cache]]></string>
+        <string name="_adm_dbd_txt_c_clear_custom"><![CDATA[Clear Custom cache]]></string>
+        <string name="_adm_dbd_txt_c_opcache"><![CDATA[Opcache]]></string>
+        <string name="_adm_dbd_txt_c_clear_opcache"><![CDATA[Clear Opcache]]></string>
+        <string name="_adm_dbd_err_c_clean_failed"><![CDATA[Failed to clear cache]]></string>
+        <string name="_adm_dbd_err_c_clean_unsupported"><![CDATA[Cache clearing is unsupported]]></string>
+        <string name="_adm_dbd_msg_c_clean_success"><![CDATA[Cache was successfully cleared]]></string>
+        <string name="_adm_dbd_msg_c_all_disabled"><![CDATA[All caches are disabled]]></string>
+        <string name="_adm_dsn_cnf_uninstall"><![CDATA[<h3>Uninstall "{0}" template?</h3><p>Uninstalling "{0}" template will also delete all of its data. Do you want to continue?</p>]]></string>
 	<string name="_adm_dsg_btn_delete"><![CDATA[Delete]]></string>
 	<string name="_adm_dsg_btn_make_default"><![CDATA[Make Default]]></string>
 	<string name="_adm_dsg_dsc_alt_text"><![CDATA[Serves as "ALT" text for logo image. Used as a logo when no logo image is uploaded.]]></string>

modules/boonex/russian/data/langs/system/ru.xml

@@ -627,13 +627,10 @@
         <string name="_adm_btn_settings_mix_publish"><![CDATA[Публиковать]]></string>
 	<string name="_adm_btn_store_search"><![CDATA[Поиск]]></string>
 	<string name="_adm_dbd_btn_update"><![CDATA[Обновить]]></string>
-	<string name="_adm_dbd_txt_version_n_available"><![CDATA[Новая версия UNA {0}!]]></string>
-	<string name="_adm_dbd_txt_script_on"><![CDATA[UNA на]]></string>
 	<string name="_adm_dbd_txt_htools_status"><![CDATA[{0} - <b>{1}</b>]]></string>
         <string name="_adm_dbd_txt_available"><![CDATA[Доступна:]]></string>
 	<string name="_adm_dbd_txt_installed"><![CDATA[Установлено:]]></string>
         <string name="_adm_dbd_txt_updated"><![CDATA[Обновлено:]]></string>
-	<string name="_adm_dbd_txt_version"><![CDATA[Версия:]]></string>
 	<string name="_adm_dbd_msg_upgrade_started"><![CDATA[Сайт будет обновлён через минуту. <br />После этого нужно <a href="{0}store.php?page=updates">проверить обновления для модулей</a>.]]></string>
 	<string name="_adm_dbd_txt_su_database"><![CDATA[База данных]]></string>
 	<string name="_adm_dbd_txt_su_system"><![CDATA[Система]]></string>
@@ -645,20 +642,20 @@
 	<string name="_adm_dbd_txt_c_clear_template"><![CDATA[Очистить кэш темы]]></string>
 	<string name="_adm_dbd_txt_c_css"><![CDATA[CSS]]></string>
 	<string name="_adm_dbd_txt_c_clear_css"><![CDATA[Очистить кэш CSS]]></string>
-    <string name="_adm_dbd_txt_c_less"><![CDATA[LESS]]></string>
-    <string name="_adm_dbd_txt_c_clear_less"><![CDATA[Очистить кэш LESS]]></string>
-    <string name="_adm_dbd_txt_c_clear_purifier"><![CDATA[Очистить кэш Purifier]]></string>
-    <string name="_adm_dbd_txt_c_js"><![CDATA[JavaScript]]></string>
-    <string name="_adm_dbd_txt_c_clear_js"><![CDATA[Очистить кэш JavaScript]]></string>
-    <string name="_adm_dbd_txt_c_clear_custom"><![CDATA[Очистить специальный кэш]]></string>
-    <string name="_adm_dbd_txt_c_opcache"><![CDATA[Opcache]]></string>
-    <string name="_adm_dbd_txt_c_clear_opcache"><![CDATA[Очистить Opcache]]></string>
-    <string name="_adm_dbd_err_c_clean_failed"><![CDATA[Очистка кэша не поддерживается]]></string>
-    <string name="_adm_dbd_err_c_clean_unsupported"><![CDATA[Clean cache unsupported]]></string>
-    <string name="_adm_dbd_msg_c_clean_success"><![CDATA[Кэш был удачно очищен]]></string>
-    <string name="_adm_dbd_msg_c_all_disabled"><![CDATA[Весь кэш был отключён]]></string>
-    <string name="_adm_dsn_cnf_uninstall"><![CDATA[<h3>Удалить тему "{0}"?</h3><p>Удаление темы "{0}" также удалит все связанные с ней данные. Вы хотите продолжить?</p>]]></string>
-    <string name="_adm_dsg_btn_delete"><![CDATA[Удалить]]></string>
+        <string name="_adm_dbd_txt_c_less"><![CDATA[LESS]]></string>
+        <string name="_adm_dbd_txt_c_clear_less"><![CDATA[Очистить кэш LESS]]></string>
+        <string name="_adm_dbd_txt_c_clear_purifier"><![CDATA[Очистить кэш Purifier]]></string>
+        <string name="_adm_dbd_txt_c_js"><![CDATA[JavaScript]]></string>
+        <string name="_adm_dbd_txt_c_clear_js"><![CDATA[Очистить кэш JavaScript]]></string>
+        <string name="_adm_dbd_txt_c_clear_custom"><![CDATA[Очистить специальный кэш]]></string>
+        <string name="_adm_dbd_txt_c_opcache"><![CDATA[Opcache]]></string>
+        <string name="_adm_dbd_txt_c_clear_opcache"><![CDATA[Очистить Opcache]]></string>
+        <string name="_adm_dbd_err_c_clean_failed"><![CDATA[Очистка кэша не поддерживается]]></string>
+        <string name="_adm_dbd_err_c_clean_unsupported"><![CDATA[Clean cache unsupported]]></string>
+        <string name="_adm_dbd_msg_c_clean_success"><![CDATA[Кэш был удачно очищен]]></string>
+        <string name="_adm_dbd_msg_c_all_disabled"><![CDATA[Весь кэш был отключён]]></string>
+        <string name="_adm_dsn_cnf_uninstall"><![CDATA[<h3>Удалить тему "{0}"?</h3><p>Удаление темы "{0}" также удалит все связанные с ней данные. Вы хотите продолжить?</p>]]></string>
+        <string name="_adm_dsg_btn_delete"><![CDATA[Удалить]]></string>
 	<string name="_adm_dsg_btn_make_default"><![CDATA[Сделать основным]]></string>
 	<string name="_adm_dsg_dsc_alt_text"><![CDATA[Используется для дополнительного текста для лого-картинки. Используется в качестве лого, если картинка не загружена.]]></string>
 	<string name="_adm_dsg_dsc_splash_warning"><![CDATA[Заметьте, что неправильное применение HTML может испортить дизайн сайта.]]></string>

plugins_public/tailwind/css/tailwind.css

@@ -769,6 +769,11 @@
         @apply text-red-400;
     }
 
+    .bx-form-section.bx-form-section-header {
+        @apply border rounded-2xl;
+        @apply overflow-hidden;
+    }
+
     /* Common elements: Forms: Text Input */
     .bx-artificer .bx-form-input-slider,
     .bx-artificer .bx-form-input-doublerange,
@@ -799,7 +804,7 @@
         @apply placeholder:text-gray-500 dark:focus:placeholder:text-gray-700 focus:placeholder:text-gray-300;
         @apply rounded-md;
     }
-
+    
     /* Common elements: Forms: Checkbox/Radio Set Input */
     .bx-artificer .bx-form-input-wrapper-checkbox_set,
     .bx-artificer .bx-form-input-wrapper-radio_set {
@@ -812,28 +817,34 @@
     }
 
     /* Common elements: Forms: Checkbox Input */
-    .bx-artificer .bx-form-input-checkbox,
-    .bx-artificer .bx-form-input-radio {
+    .bx-form-input-wrapper-checkbox,
+    .bx-form-input-wrapper-radio {
+        @apply block w-4 h-4;
+        @apply border-2 border-transparent;
+    }
+
+    .bx-form-input-checkbox,
+    .bx-form-input-radio {
         @apply block w-4 h-4;
         @apply bg-gray-50 dark:bg-gray-900/50 bg-origin-border;
-        @apply border border-gray-300 dark:border-gray-700 focus:border-blue-500 dark:focus:border-blue-500 focus:border-opacity-70;
+        @apply border-2 border-gray-300 dark:border-gray-700 focus:border-blue-500 dark:focus:border-blue-500 focus:border-opacity-70;
         @apply placeholder:text-gray-500 dark:focus:placeholder:text-gray-700 focus:placeholder:text-gray-300;
-        @apply rounded;
+        @apply scale-150 rounded;
         @apply appearance-none select-none;
     }
-    .bx-artificer .bx-def-font-inputs.bx-form-input-checkbox,
-    .bx-artificer .bx-def-font-inputs.bx-form-input-radio {
+    .bx-def-font-inputs.bx-form-input-checkbox,
+    .bx-def-font-inputs.bx-form-input-radio {
         @apply leading-6 text-base font-medium text-blue-600 dark:text-blue-600;
     }
-    .bx-artificer .bx-form-input-checkbox:checked,
-    .bx-artificer .bx-form-input-radio:checked {
+    .bx-form-input-checkbox:checked,
+    .bx-form-input-radio:checked {
         background-color: currentColor;
         border-color: transparent;
     }
-    .bx-artificer .bx-form-input-checkbox:checked {
+    .bx-form-input-checkbox:checked {
         background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9JyNmZmYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjIwNyA0Ljc5M2ExIDEgMCAwIDEgMCAxLjQxNGwtNSA1YTEgMSAwIDAgMS0xLjQxNCAwbC0yLTJhMSAxIDAgMCAxIDEuNDE0LTEuNDE0TDYuNSA5LjA4Nmw0LjI5My00LjI5M2ExIDEgMCAwIDEgMS40MTQgMHonLz48L3N2Zz4=)
     }
-    .bx-artificer .bx-form-input-radio:checked {
+    .bx-form-input-radio:checked {
         background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9JyNmZmYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGNpcmNsZSBjeD0nOCcgY3k9JzgnIHI9JzMnLz48L3N2Zz4=)
     }
 
@@ -1217,7 +1228,14 @@
         @apply text-gray-300 dark:text-gray-700;
     }
 
-    /* Studio */
+    /* Studio */    
+    .bx-std #bx-std-pcap-menu-popup-help .bx-popup,
+    .bx-std #bx-std-pcap-menu-popup-actions .bx-popup,
+    .bx-std #bx-std-pcap-menu-popup-account .bx-popup,
+    .bx-std .bx-std-mod-popup-settings-wrapper.bx-popup-applied:not(.bx-popup-chain) .bx-popup {
+        @apply ring-1 ring-gray-600;
+    }
+
     .bx-menu-top-center .bx-menu-tab-active .bx-mi-icon {
         @apply ring ring-blue-600 ring-offset-2 ring-offset-black;
     }

plugins_public/tailwind/js/tailwind.config.js

@@ -66,7 +66,7 @@ module.exports = {
     'bx-def-color-bg-box-active', 
 
     'bx-form-caption', 'bx-form-value', 'bx-form-required', 'bx-form-warn', 
-    'bx-form-input-wrapper-checkbox_set', 'bx-form-input-wrapper-radio_set',
+    'bx-form-input-wrapper-checkbox', 'bx-form-input-wrapper-radio', 'bx-form-input-wrapper-checkbox_set', 'bx-form-input-wrapper-radio_set',
     'bx-form-input-slider', 'bx-form-input-doublerange', 'bx-form-input-select_multiple', 'bx-form-input-select', 'bx-form-input-radio_set', 'bx-form-input-checkbox_set', 'bx-form-input-number', 'bx-form-input-time', 'bx-form-input-datepicker', 'bx-form-input-datetime', 'bx-form-input-textarea', 'bx-form-input-text', 'bx-form-input-price', 'bx-form-input-checkbox', 'bx-form-input-radio', 
     'bx-switcher-cont', 
 

studio/template/_header.html

@@ -33,6 +33,6 @@
         __system_injection_head__
         <bx_injection:injection_head />
     </head>
-    <body class="bx-def-font bx-def-color-bg-page bx-std-bg<bx_injection:injection_body_style />" <bx_injection:injection_body /> >
+    <body class="bx-def-font bx-def-color-bg-page bx-std bx-std-bg<bx_injection:injection_body_style />" <bx_injection:injection_body /> >
         __system_injection_header__
         <bx_injection:injection_header />

studio/template/css/launcher.css

@@ -1,6 +1,9 @@
 /**
  * Overwrite
  */
+.bx-std-bg.bx-std-page-launcher {
+    background: rgba(0, 0, 0, 1);
+}
 
 div.bx-std-menu-top-wrp {
     position: fixed;
@@ -78,7 +81,7 @@ div.bx-std-widgets-highlight {
 }
 div.bx-std-widget {
     position: relative;
-    padding: 24px;
+    padding: 24px 24px 12px 24px;
 }
 div.bx-std-widget-empty {
     width: 5.0rem;
@@ -249,9 +252,8 @@ div.bx-std-widget-caption {
     text-overflow: ellipsis;
     overflow: hidden;
 
-    font-stretch: condensed;
     font-weight: 400;
-    font-size: 0.75rem;
+    font-size: 0.875rem;
 }
 div.bx-std-widget-caption-jitter {
     position: absolute;
@@ -262,7 +264,7 @@ div.bx-std-widget-caption-jitter {
 }
 div.bx-std-widget-caption,
 div.bx-std-widget-caption a {
-    color: rgba(107, 114, 128, 1);
+    color: rgb(156 163 175);
 }
 
 /**

studio/template/css/menu_top.css

@@ -29,6 +29,10 @@ div.bx-std-menu-top.bx-std-menu-top-left,
 div.bx-std-menu-top.bx-std-menu-top-right {    
     min-width: 15%;
 }
+div.bx-std-menu-top.bx-std-menu-top-right {    
+    -webkit-flex-grow: 1;
+    flex-grow: 1;
+}
 div.bx-std-menu-top-center ul {
     position: relative;
     display: -webkit-flex;
@@ -201,6 +205,8 @@ div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search {
     align-items: center;
     -webkit-flex-wrap: nowrap;
     flex-wrap: nowrap;
+
+    max-width: 24rem;
 }
 div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search .bx-form-input-text {
     height: 3rem;
@@ -228,6 +234,10 @@ div.bx-std-menu-top .bx-menu-toolbar li a {
     backgroud-color: rgba(55, 65, 81, 1);
 }
 
+div.bx-std-menu-top .bx-menu-toolbar li a:hover {
+    color: #ffffff;
+}
+
 div.bx-std-menu-top .bx-menu-toolbar li svg g {
     opacity: 0.7;
 }
@@ -263,7 +273,7 @@ body > .bx-popup-wrapper.bx-std-mod-popup-settings-wrapper,
     display: block;
     content: '';
 
-    top: 0.3rem;
+    top: 0.25rem;
     right: 1.0rem;
     width: 0.5rem;
     height: 0.5rem;
@@ -284,7 +294,7 @@ body > .bx-popup-wrapper.bx-std-mod-popup-settings-wrapper,
 #bx-std-pcap-menu-popup-actions .bx-popup,
 #bx-std-pcap-menu-popup-account .bx-popup,
 .bx-std-mod-popup-settings-wrapper.bx-popup-applied:not(.bx-popup-chain) .bx-popup {
-    box-shadow: inset -1px -1px 0px rgba(240, 240, 240, 0.2), inset 1px 1px 0px rgba(240, 240, 240, 0.2);
+    border-width: 0; 
     background-color: #001529;
 }
 #bx-std-pcap-menu-popup-actions .bx-popup-content {

studio/template/css/page_columns.css

@@ -1,7 +1,3 @@
-.bx-std-bg {
-    background: rgba(0, 0, 0, 1);
-}
-
 /*--- 2 columns ---*/
 .bx-std-pc-stretch {
     position: relative;
@@ -29,10 +25,10 @@ div.bx-std-page-columns-cnt {
 
 div.bx-std-page-column.bx-std-page-menu {
     position: relative;
-    -webkit-flex: 0 0 230px;
-    flex: 0 0 230px;
+    -webkit-flex: 0 0 20rem;
+    flex: 0 0 20rem;
 
-    width: 230px;
+    width: 20rem;
     height: 100%;
 
     background-color: #ffffff;

studio/template/dbd_htools.html

@@ -1,16 +1,21 @@
-<div id="bx-dbd-htools" class="bx-dbd-block-content">
-    <bx_if:show_content>
-        <div class="bx-dbd-htools bx-clearfix">
-            <bx_repeat:items>
-                <div class="bx-dbd-htools-item bx-def-margin-sec-bottom">__status__ __msg__</div>
-            </bx_repeat:items>
-        </div>
-    </bx_if:show_content>
+<div id="bx-dbd-htools">
+    <div class="bx-dbd-block-content">
+        <bx_if:show_content>
+            <div class="bx-dbd-htools bx-clearfix">
+                <bx_repeat:items>
+                    <div class="bx-dbd-htools-item bx-def-margin-sec-bottom">__status__ __msg__</div>
+                </bx_repeat:items>
+            </div>
+        </bx_if:show_content>
+    </div>
+    <div class="bx-dbd-block-actions border-t border-b-zinc-200 space-x-4">
+        <a class="bx-btn" href="javascript:void(0)" onclick="javascript:__js_object__.serverAudit()"><bx_text:_sys_inst_server_audit /></a>
+        <a class="bx-btn" href="javascript:void(0)" onclick="javascript:__js_object__.permissions()"><bx_text:_sys_audit_permissions /></a>
+    </div>
     <bx_if:show_loader>
         <script language="javascript">
             $(document).ready(function() {
                 __js_object__.getBlockContent('htools');
             });
         </script>
-    </bx_if:show_loader>
-</div>
+    </bx_if:show_loader>

studio/template/images/icons/tmi-account.svg

@@ -1,8 +1,8 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_57_2072)">
-<path d="M5.33325 8H26.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.33325 16H26.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.33325 24H26.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 8H26.6666" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 16H26.6666" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 24H26.6666" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_57_2072">

studio/template/images/icons/tmi-actions.svg

@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" color="#e5e7eb" fill="none">
-    <path d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
-    <path d="M8.5 10C7.67157 10 7 9.32843 7 8.5C7 7.67157 7.67157 7 8.5 7C9.32843 7 10 7.67157 10 8.5C10 9.32843 9.32843 10 8.5 10Z" stroke="currentColor" stroke-width="1.5" />
-    <path d="M15.5 17C16.3284 17 17 16.3284 17 15.5C17 14.6716 16.3284 14 15.5 14C14.6716 14 14 14.6716 14 15.5C14 16.3284 14.6716 17 15.5 17Z" stroke="currentColor" stroke-width="1.5" />
-    <path d="M10 8.5L17 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-    <path d="M14 15.5L7 15.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-</svg>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.33337 16C3.33337 10.0289 3.33337 7.04333 5.18836 5.18833C7.04336 3.33334 10.0289 3.33334 16 3.33334C21.9711 3.33334 24.9567 3.33334 26.8118 5.18833C28.6667 7.04333 28.6667 10.0289 28.6667 16C28.6667 21.9711 28.6667 24.9567 26.8118 26.8117C24.9567 28.6667 21.9711 28.6667 16 28.6667C10.0289 28.6667 7.04336 28.6667 5.18836 26.8117C3.33337 24.9567 3.33337 21.9711 3.33337 16Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
+<path d="M11.3334 13.3333C10.2288 13.3333 9.33337 12.4379 9.33337 11.3333C9.33337 10.2288 10.2288 9.33334 11.3334 9.33334C12.4379 9.33334 13.3334 10.2288 13.3334 11.3333C13.3334 12.4379 12.4379 13.3333 11.3334 13.3333Z" stroke="currentColor" stroke-width="2"/>
+<path d="M20.6666 22.6667C21.7712 22.6667 22.6666 21.7712 22.6666 20.6667C22.6666 19.5621 21.7712 18.6667 20.6666 18.6667C19.5621 18.6667 18.6666 19.5621 18.6666 20.6667C18.6666 21.7712 19.5621 22.6667 20.6666 22.6667Z" stroke="currentColor" stroke-width="2"/>
+<path d="M13.3334 11.3333H22.6667" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+<path d="M18.6667 20.6667H9.33337" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

studio/template/images/icons/tmi-help.svg

@@ -1,8 +1,8 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_57_2060)">
-<path d="M4 16C4 17.5759 4.31039 19.1363 4.91345 20.5922C5.5165 22.0481 6.40042 23.371 7.51472 24.4853C8.62902 25.5996 9.95189 26.4835 11.4078 27.0866C12.8637 27.6896 14.4241 28 16 28C17.5759 28 19.1363 27.6896 20.5922 27.0866C22.0481 26.4835 23.371 25.5996 24.4853 24.4853C25.5996 23.371 26.4835 22.0481 27.0866 20.5922C27.6896 19.1363 28 17.5759 28 16C28 12.8174 26.7357 9.76516 24.4853 7.51472C22.2348 5.26428 19.1826 4 16 4C12.8174 4 9.76516 5.26428 7.51472 7.51472C5.26428 9.76516 4 12.8174 4 16Z" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16 21.3333V21.3467" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16 17.3333C16.5997 17.3351 17.1824 17.1348 17.6542 16.7646C18.126 16.3944 18.4592 15.876 18.6001 15.2931C18.7409 14.7102 18.6812 14.0968 18.4306 13.5521C18.1799 13.0073 17.753 12.5629 17.2187 12.2907C16.6882 12.0189 16.0815 11.9347 15.4971 12.0516C14.9127 12.1685 14.385 12.4798 14 12.9347" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 16C4 17.5759 4.31039 19.1363 4.91345 20.5922C5.5165 22.0481 6.40042 23.371 7.51472 24.4853C8.62902 25.5996 9.95189 26.4835 11.4078 27.0866C12.8637 27.6896 14.4241 28 16 28C17.5759 28 19.1363 27.6896 20.5922 27.0866C22.0481 26.4835 23.371 25.5996 24.4853 24.4853C25.5996 23.371 26.4835 22.0481 27.0866 20.5922C27.6896 19.1363 28 17.5759 28 16C28 12.8174 26.7357 9.76516 24.4853 7.51472C22.2348 5.26428 19.1826 4 16 4C12.8174 4 9.76516 5.26428 7.51472 7.51472C5.26428 9.76516 4 12.8174 4 16Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 21.3333V21.3467" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 17.3333C16.5997 17.3351 17.1824 17.1348 17.6542 16.7646C18.126 16.3944 18.4592 15.876 18.6001 15.2931C18.7409 14.7102 18.6812 14.0968 18.4306 13.5521C18.1799 13.0073 17.753 12.5629 17.2187 12.2907C16.6882 12.0189 16.0815 11.9347 15.4971 12.0516C14.9127 12.1685 14.385 12.4798 14 12.9347" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_57_2060">

studio/template/images/icons/tmi-site.svg

@@ -1,12 +1,12 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_57_2066)">
-<path d="M12 20L20 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.6667 7.99999L15.2841 7.28532C16.5345 6.03509 18.2303 5.33279 19.9986 5.33292C21.7668 5.33304 23.4625 6.03558 24.7127 7.28599C25.963 8.5364 26.6653 10.2322 26.6652 12.0005C26.665 13.7687 25.9625 15.4644 24.7121 16.7147L24.0001 17.3333" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.3334 24L16.8041 24.712C15.5391 25.9629 13.8318 26.6645 12.0528 26.6645C10.2737 26.6645 8.56644 25.9629 7.30144 24.712C6.67792 24.0955 6.1829 23.3614 5.84506 22.5522C5.50721 21.743 5.33325 20.8749 5.33325 19.998C5.33325 19.1211 5.50721 18.253 5.84506 17.4438C6.1829 16.6346 6.67792 15.9005 7.30144 15.284L8.00011 14.6667" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 20L20 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.6667 7.99999L15.2841 7.28532C16.5345 6.03509 18.2303 5.33279 19.9986 5.33292C21.7668 5.33304 23.4625 6.03558 24.7127 7.28599C25.963 8.5364 26.6653 10.2322 26.6652 12.0005C26.665 13.7687 25.9625 15.4644 24.7121 16.7147L24.0001 17.3333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.3334 24L16.8041 24.712C15.5391 25.9629 13.8318 26.6645 12.0528 26.6645C10.2737 26.6645 8.56644 25.9629 7.30144 24.712C6.67792 24.0955 6.1829 23.3614 5.84506 22.5522C5.50721 21.743 5.33325 20.8749 5.33325 19.998C5.33325 19.1211 5.50721 18.253 5.84506 17.4438C6.1829 16.6346 6.67792 15.9005 7.30144 15.284L8.00011 14.6667" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
 <clipPath id="clip0_57_2066">
-<rect width="32" height="32" fill="white"/>
+<rect width="32" height="32" fill="currentColor"/>
 </clipPath>
 </defs>
 </svg>

studio/template/images/icons/wi-bld-roles.svg

@@ -1,49 +1,12 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_910_7399)">
-<path d="M160 0C281.326 0 320 38.6737 320 160C320 281.326 281.326 320 160 320C38.6736 320 0 281.326 0 160C0 38.6737 38.6736 0 160 0Z" fill="url(#paint0_linear_910_7399)"/>
-<g clip-path="url(#clip1_910_7399)">
-<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M84.0254 125.813C86.843 124.478 90.0977 124.923 92.924 126.238C98.1078 128.652 103.894 130 109.998 130C116.102 130 121.888 128.651 127.072 126.238C129.899 124.922 133.153 124.478 135.971 125.812C154.137 134.416 167.296 151.764 169.928 172.374C170.312 175.374 169.05 178.332 166.685 180.218C159.364 186.055 151.112 190.786 142.185 194.156C138.582 195.516 134.937 192.099 135.102 188.252C135.147 187.213 135.168 186.129 135.168 185C135.168 166.043 129.084 160 109.996 160C90.9084 160 84.8241 166.043 84.8241 185C84.8241 186.13 84.8457 187.213 84.8903 188.253C85.0557 192.1 81.4106 195.518 77.8079 194.158C68.8826 190.789 60.632 186.06 53.313 180.225C50.9479 178.34 49.6854 175.382 50.0682 172.382C52.698 151.769 65.858 134.418 84.0254 125.813Z" fill="url(#paint1_linear_910_7399)"/>
-<path opacity="0.6" d="M109.998 170C121.45 170 125.101 173.626 125.101 185C125.101 196.374 121.45 200 109.998 200C98.5451 200 94.8945 196.374 94.8945 185C94.8945 173.626 98.5451 170 109.998 170Z" fill="url(#paint2_linear_910_7399)"/>
-<ellipse cx="109.996" cy="90" rx="30.2065" ry="30" fill="url(#paint3_linear_910_7399)"/>
-<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M184.026 185.813C186.843 184.478 190.098 184.923 192.924 186.238C198.108 188.652 203.894 190 209.998 190C216.102 190 221.888 188.651 227.072 186.238C229.899 184.922 233.153 184.478 235.971 185.812C254.137 194.416 267.296 211.764 269.928 232.374C270.312 235.375 269.05 238.332 266.685 240.218C259.364 246.055 251.112 250.786 242.184 254.156C238.582 255.516 234.937 252.099 235.102 248.252C235.147 247.213 235.168 246.129 235.168 245C235.168 226.043 229.084 220 209.996 220C190.908 220 184.824 226.043 184.824 245C184.824 246.13 184.846 247.213 184.89 248.253C185.056 252.1 181.411 255.518 177.808 254.158C168.883 250.789 160.632 246.06 153.313 240.225C150.948 238.34 149.685 235.382 150.068 232.382C152.698 211.769 165.858 194.418 184.026 185.813Z" fill="url(#paint4_linear_910_7399)"/>
-<path opacity="0.6" d="M209.998 230C221.45 230 225.101 233.626 225.101 245C225.101 256.374 221.45 260 209.998 260C198.545 260 194.895 256.374 194.895 245C194.895 233.626 198.545 230 209.998 230Z" fill="url(#paint5_linear_910_7399)"/>
-<ellipse cx="209.999" cy="150" rx="30.2065" ry="30" fill="url(#paint6_linear_910_7399)"/>
-</g>
-</g>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" fill="url(#paint0_linear_221_2326)"/>
+<path d="M18.75 32.5C21.4703 29.5695 26.5005 29.4314 29.25 32.5M26.9109 23.5C26.9109 25.1569 25.6032 26.5 23.9901 26.5C22.377 26.5 21.0693 25.1569 21.0693 23.5C21.0693 21.8431 22.377 20.5 23.9901 20.5C25.6032 20.5 26.9109 21.8431 26.9109 23.5Z" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path d="M20.25 11.5029C16.2834 11.5177 14.1615 11.6564 12.7877 12.9579C11.25 14.4147 11.25 16.7593 11.25 21.4486V28.5538C11.25 33.2431 11.25 35.5876 12.7877 37.0444C14.3254 38.5012 16.8003 38.5012 21.75 38.5012H26.25C31.1997 38.5012 33.6745 38.5012 35.2123 37.0444C36.75 35.5876 36.75 33.2431 36.75 28.5538V21.4486C36.75 16.7593 36.75 14.4147 35.2123 12.9579C33.8385 11.6564 31.7166 11.5177 27.75 11.5029" stroke="white" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.6582 10.9474C20.8021 10.3252 20.8741 10.0141 21.0123 9.76006C21.3343 9.16819 21.9282 8.73322 22.6371 8.57005C22.9414 8.5 23.2944 8.5 24 8.5C24.7056 8.5 25.0585 8.5 25.3629 8.57005C26.0718 8.73322 26.6656 9.16817 26.9877 9.76006C27.1258 10.0141 27.1978 10.3252 27.3417 10.9474L27.4666 11.4876C27.7219 12.5912 27.8496 13.1429 27.657 13.5674C27.5323 13.8423 27.3198 14.0776 27.0465 14.2437C26.6244 14.5 25.9986 14.5 24.7471 14.5H23.2528C22.0014 14.5 21.3756 14.5 20.9535 14.2437C20.6802 14.0776 20.4676 13.8423 20.343 13.5674C20.1504 13.1429 20.278 12.5912 20.5333 11.4876L20.6582 10.9474Z" stroke="white" stroke-width="2.25"/>
 <defs>
-<linearGradient id="paint0_linear_910_7399" x1="160" y1="0" x2="160" y2="320" gradientUnits="userSpaceOnUse">
-<stop stop-color="#60A5FA"/>
-<stop offset="1" stop-color="#2563EB"/>
+<linearGradient id="paint0_linear_221_2326" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3B82F6"/>
+<stop offset="1" stop-color="#5850EC"/>
 </linearGradient>
-<linearGradient id="paint1_linear_910_7399" x1="109.998" y1="125.005" x2="109.998" y2="194.462" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint2_linear_910_7399" x1="109.998" y1="170" x2="109.998" y2="200" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint3_linear_910_7399" x1="109.996" y1="60" x2="109.996" y2="120" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint4_linear_910_7399" x1="209.998" y1="185.005" x2="209.998" y2="254.462" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint5_linear_910_7399" x1="209.998" y1="230" x2="209.998" y2="260" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<linearGradient id="paint6_linear_910_7399" x1="209.999" y1="120" x2="209.999" y2="180" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#BFDBFE"/>
-</linearGradient>
-<clipPath id="clip0_910_7399">
-<rect width="320" height="320" fill="white"/>
-</clipPath>
-<clipPath id="clip1_910_7399">
-<rect width="240" height="240" fill="white" transform="translate(40 40)"/>
-</clipPath>
 </defs>
 </svg>

studio/template/menu_top_toolbar.html

@@ -1,6 +1,6 @@
 <ul class="bx-menu-toolbar gap-x-4">
     <bx_if:show_search>
-        <li class="bx-menu-tab-search">
+        <li class="bx-menu-tab-search flex-auto">
             <img class="ml-2" src="<bx_icon_url:tmi-search.svg />" />
             <div class="bx-form-input-wrapper bx-form-input-wrapper-text">
                 <input type="text" name="search" value="" placeholder="<bx_text_attribute:_adm_tmi_cpt_search />" class="bx-def-font-inputs bx-form-input-text" onkeydown="return oBxDolStudioMenuTop.searchWidget(event)" />
@@ -9,7 +9,7 @@
     </bx_if:show_search>
     <bx_repeat:menu_items>
         <li class="bx-menu-tab-__name__  __class_add__ hover:scale-105 active:scale-100 active:opacity-80 duration-300">
-            <a href="__link__" onclick="__onclick__" class="bx-def-font-contrasted" title="__title__"__attrs__><bx_if:icon><i class="sys-icon __icon__ bx-def-round-corners bx-def-font-contrasted"></i></bx_if:icon><bx_if:image><img src="__icon_url__" /></bx_if:image><bx_if:image_inline>__image__</bx_if:image_inline></a>
+            <a href="__link__" onclick="__onclick__" class="text-gray-400 hover:text-white" title="__title__"__attrs__><bx_if:icon><i class="sys-icon __icon__ bx-def-round-corners bx-def-font-contrasted"></i></bx_if:icon><bx_if:image><img src="__icon_url__" /></bx_if:image><bx_if:image_inline>__image__</bx_if:image_inline></a>
         </li>
     </bx_repeat:menu_items>
 </ul>

studio/template/page_content_2_col.html

@@ -1,6 +1,6 @@
 <div class="bx-std-page-columns-cnt bx-std-pc-stretch">
     <div class="bx-std-page-column bx-std-page-menu border-r">
-        <div class="bx-std-page-column-cnt bx-def-margin-sec-topbottom px-2" id="bx-std-pc-menu">__page_menu_code__</div>
+        <div class="bx-std-page-column-cnt bx-def-margin-sec-topbottom px-4" id="bx-std-pc-menu">__page_menu_code__</div>
     </div>
     <div class="bx-std-page-column bx-std-page-content bx-std-pc-stretch">
         <div class="bx-std-page-column-cnt" id="bx-std-pc-content">__page_main_code__</div>

studio/template/scripts/BxBaseStudioConfig.php

@@ -15,13 +15,13 @@ class BxBaseStudioConfig extends BxBaseConfig
         parent::__construct();
 
         $this->_aConfig['aLessConfig'] = array_merge($this->_aConfig['aLessConfig'], array(
-            'bx-margin' => '30px',
-            'bx-margin-sec' => '20px',
-            'bx-margin-thd' => '10px',
+            'bx-margin' => '24px',
+            'bx-margin-sec' => '16px',
+            'bx-margin-thd' => '8px',
 
-            'bx-padding' => '30px',
-            'bx-padding-sec' => '20px',
-            'bx-padding-thd' => '10px',
+            'bx-padding' => '24px',
+            'bx-padding-sec' => '16px',
+            'bx-padding-thd' => '8px',
 
             'bx-color-page' => '#f0f2f5',
             'bx-border-color-layout' => '#d9d9d9',

studio/template/scripts/BxBaseStudioDashboard.php

@@ -185,7 +185,7 @@ class BxBaseStudioDashboard extends BxDolStudioDashboard
 	public function serviceGetBlockHostTools($bDynamic = true)
 	{
 		$sJsObject = $this->getPageJsObject();
-
+/*
 		$aMenu = array(
 			array(
 				'name' => 'audit', 
@@ -200,6 +200,7 @@ class BxBaseStudioDashboard extends BxDolStudioDashboard
 				'onclick' => $sJsObject . '.permissions()'
 			)
 		);
+ */
 
 		$oAudit = new BxDolStudioToolsAudit();
 
@@ -239,7 +240,7 @@ class BxBaseStudioDashboard extends BxDolStudioDashboard
        		)
 	    ));
 
-		return array('content' => $sContent, 'menu' => $aMenu);
+		return array('content' => $sContent);
 	}
 
 	public function serviceGetBlockCache()

template/css/forms.css

@@ -33,14 +33,14 @@
     display: flex;
     -webkit-align-items: center;
     align-items: center;
-    -webkit-flex-wrap: wrap;
-    flex-wrap: wrap;
+    -webkit-flex-wrap: nowrap;
+    flex-wrap: nowrap;
 
     line-height: 1.5rem;
     text-transform: uppercase;
 }
 .bx-form-section-header .bx-form-section-title:hover {
-    background-color: rgba(229, 231, 235, 1);
+    background-color: rgba(243, 244, 246, 1);
 }
 
 .bx-form-section-header:not(.bx-form-collapsed) .bx-form-section-title {

template/form_field_section_title.html

@@ -2,14 +2,16 @@
     <div class="bx-form-section-title px-6 py-5">__caption__<bx_if:show_view_info><br /><span class="bx-def-font-grayed">__info__</span></bx_if:show_view_info></div>
 </bx_if:show_view>
 <bx_if:show_default>
-    <div class="bx-form-section-title group flex justify-between align-center flex-nowrap w-full">
-        <div class="flex-1">
-            <a class="block w-full pl-6 py-5 text-inherit hover:text-gray-900 font-semibold" href="javascript:void(0);">__caption__</a>
-            <bx_if:show_default_info>
-                <span class="bx-def-font-grayed block w-full">__info__</span>
-            </bx_if:show_default_info>
+    <div class="bx-form-section-title group relative flex justify-between align-center flex-nowrap w-full">
+        <div class="flex-1 max-w-full pr-12">
+            <a class="block w-full pl-6 py-5 text-inherit hover:text-gray-900 font-semibold" href="javascript:void(0);">
+                __caption__
+                <bx_if:show_default_info>
+                    <br /><span class="bx-def-font-grayed block w-full truncate">__info__</span>
+                </bx_if:show_default_info>
+            </a>
         </div>
-        <div class="py-5 pr-6">
+        <div class="absolute right-0 py-5 pr-6">
             <u class="bx-form-section-toggler"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg></u>
         </div>
     </div>

template/scripts/BxBaseFormView.php

@@ -981,7 +981,7 @@ BLAH;
         $sClassOneLineCaption = '';
         $sClassOneLineValue = '';
         if ($isOneLine) {
-            $sClassOneLineCaption = ' bx-form-caption-oneline bx-form-caption-oneline-' . $aInput['type'] . ' bx-def-margin-sec-left';
+            $sClassOneLineCaption = ' bx-form-caption-oneline bx-form-caption-oneline-' . $aInput['type'] . ' bx-def-margin-left';
             $sClassOneLineValue = ' bx-form-value-oneline bx-form-value-oneline-' . $aInput['type'];
             if (!isset($aInput['attrs']) || !is_array($aInput['attrs']))
                 $aInput['attrs'] = [];
@@ -2293,7 +2293,7 @@ BLAH;
 
     function genInfoIcon($sInfo)
     {
-        return '<div class="bx-form-info bx-def-font-grayed bx-def-font-small">' . bx_process_output($sInfo, BX_DATA_HTML) . '</div>';
+        return '<div class="bx-form-info bx-def-font-grayed bx-def-font-small mt-1">' . bx_process_output($sInfo, BX_DATA_HTML) . '</div>';
     }
 
     function genErrorIcon( $sError = '' )
@@ -2317,7 +2317,7 @@ BLAH;
         if(!$aAttrs || !is_array($aAttrs))
             $aAttrs = [];
 
-        $sAttrs = bx_convert_array2attrs($aAttrs, "bx-form-section bx-form-section-" . ($sTitle ? "header" : "divider") . " border rounded-2xl overflow-hidden");
+        $sAttrs = bx_convert_array2attrs($aAttrs, "bx-form-section bx-form-section-" . ($sTitle ? "header" : "divider"));
 
         $this->_isSectionOpened = true;
         return $sClose . "<!-- form header content begins -->\n <div $sWrapperAttrs> <div $sAttrs> $sTitle <div class=\"bx-form-section-content py-4" . ($sTitle ? ' px-6' : '') . "\">\n";