Ticket #4674 - Studio: Layout changes.

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

@@ -6,6 +6,10 @@ import url(../../../../../../../template/css/forms.css);
     margin-top:0;
 }
 
+.bx-form-advanced-wrapper .bx-form-section-wrapper:last-child {
+    margin-bottom:0;
+}
+
 .bx-form-advanced-wrapper .bx-form-section-divider:first-child {
     border: none; 
     padding: 0; 

plugins_public/tailwind/css/tailwind.css

@@ -825,7 +825,7 @@
     /* Common elements: Forms: Checkbox Input */
     .bx-form-input-wrapper-checkbox,
     .bx-form-input-wrapper-radio {
-        @apply block w-4 h-4;
+        @apply block w-4 h-5;
         @apply border-2 border-transparent;
     }
 

studio/template/css/builder_page.css

@@ -219,8 +219,8 @@ div.adm-bp-epf-left {
     left: 0px;
     width: 179px;
     height: 310px;
-    border-style: solid;
-    border-width: 1px 1px 0px 0px;
+    border-right-style: solid;
+    border-right-width: 1px;
     overflow-y: auto; 
 }
 div.adm-bp-epf-left-cnt {}
@@ -232,8 +232,6 @@ div.adm-bp-epf-right {
     width: 620px;
     height: 310px;
     margin-left: 180px;
-    border-style: solid;
-    border-width: 1px 0px 0px 0px;
     overflow-y: auto;
 }
 div.adm-bp-epf-right-cnt {}

studio/template/css/common.less

@@ -67,7 +67,7 @@ div.bx-db-note {
 .bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
     margin: 0.5rem;
 
-    .radius(16px);
+    .radius(24px);
 
     -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);
     -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);
@@ -92,16 +92,21 @@ div.bx-db-note {
 }
 .bx-popup-header {
     padding: 1.25rem;
+    border-bottom: 1px solid rgba(228, 228, 231, 1.0);
 }
 .bx-popup-header-color-bg {
-    background-color: rgba(40, 60, 80, 0.9);
+    background-color: rgba(255, 255, 255, 1.0);
 }
 .bx-popup-header h2 {
-    font-family: sans-serif;
+    line-height: 1.5rem;
+    text-align: left;
     font-size: 1.5rem;
-    color: rgba(255, 255, 255, 1);
+    font-weight: 600;
+    color: rgba(39, 39, 42, 1);
+}
+.bx-popup-header .bx-icon-close {
+    color: rgba(0, 0, 0, 1);
 }
-
 
 /* button large */
 .bx-btn,

studio/template/css/forms.css

@@ -119,4 +119,14 @@ div.bx-form-input-language {
 
 div.bx-form-input-language-current {
 	font-weight: bold;
+}
+
+/**
+ * Forms in popup.
+ */
+.bx-popup .bx-form-element .bx-form-input-wrapper-input_set {
+    margin: 0 -1.5rem;
+    padding: 1.5rem 1.5rem 0 1.5rem;
+
+    border-top: 1px solid rgba(228, 228, 231, 1.0);
 }

template/css/forms.css

@@ -3,6 +3,10 @@
     margin-top:0;
 }
 
+.bx-form-advanced-wrapper .bx-form-section-wrapper:last-child {
+    margin-bottom:0;
+}
+
 .bx-form-advanced-wrapper .bx-form-section-divider:first-child {
     border:none; 
     padding:0; 

template/popup_box.html

@@ -6,7 +6,9 @@
             <h2 id="__id___title">__title__</h2>
             <a href="javascript:void(0);" class="bx-popup-element-close bx-def-font-contrasted bx-def-margin">
                 <div class="bx-icon bx-icon-close">
-                    <bx_image_auto:times />
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
                 </div>
             </a>
         </div>