elements.scss in alchemy_cms-4.4.1

- old
+ new

@@ -153,29 +153,36 @@
     .nested-elements {
       display: none;
     }
   }
 
+  &.expanded {
+    &.not-fixed {
+      .nestable-elements {
+        box-shadow: inset 0 4px 8px -2px darken($medium-gray, 15%);
+        background-color: $medium-gray;
+        padding: 8px 4px 4px;
+
+        .add-nestable-element-button {
+          width: calc(50% - 8px);
+          margin: 4px;
+          text-align: center;
+        }
+      }
+    }
+  }
+
   &.dragged {
     border-style: dotted;
     overflow: hidden;
 
     &:not(.compact) {
       height: 36px !important;
       transition: height 0.2s;
     }
   }
 
-  &.with-contents,
-  &.without-contents.not-nestable {
-
-    .element-content {
-      padding: 2*$default-padding 2*$default-padding 0;
-      border-top: 1px solid $medium-gray;
-    }
-  }
-
   &.compact {
     .element-toolbar {
       visibility: hidden;
       position: absolute;
       height: 35px;
@@ -192,11 +199,10 @@
       visibility: visible;
       opacity: 1;
     }
 
     .element-footer {
-      margin-top: 0;
       padding-top: 0;
       border-top: 0;
 
       .button {
         padding: $small-button-padding;
@@ -221,11 +227,11 @@
       justify-content: space-between;
       margin-left: 0;
     }
 
     .element-content {
-      padding: 4px 8px;
+      margin: 4px 8px;
     }
 
     .button_with_label {
       margin: 0 4px;
     }
@@ -251,12 +257,12 @@
       padding: 0.5em;
       height: auto;
     }
   }
 
-  form {
-    margin: 0;
+  .element-content {
+    margin: 2*$default-padding;
   }
 
   .validation_notice {
     float: left;
     margin-top: 8px;
@@ -264,12 +270,11 @@
     font-size: $small-font-size;
     text-align: left;
   }
 
   .message {
-    width: 100%;
-    margin: 2*$default-margin 0;
+    margin: 2*$default-margin;
   }
 
   .foot_note {
     margin-bottom: 1em;
   }
@@ -330,20 +335,20 @@
 }
 
 .element-toolbar {
   padding: $default-padding 0;
   height: $element-toolbar-height;
+  border-bottom: 1px solid $medium-gray;
 
   .element_tools {
     float: left;
     margin-left: -$default-margin;
   }
 }
 
 .element-footer {
   border-top: 1px solid $medium-gray;
-  margin: 8px 0 0 0;
   padding: 2*$default-padding;
   text-align: right;
 
   .button {
     margin: 0;
@@ -758,24 +763,9 @@
   }
 }
 
 .element-handle .hint-with-icon {
   top: -1px;
-}
-
-.not-fixed .nestable-elements {
-  box-shadow: inset 0 4px 8px -2px darken($medium-gray, 15%);
-  background-color: $medium-gray;
-
-  .expanded.element-editor>& {
-    padding: 8px 4px 4px;
-  }
-
-  .add-nestable-element-button {
-    width: calc(50% - 8px);
-    margin: 4px;
-    text-align: center;
-  }
 }
 
 .is-fixed {
   &.with-contents {
     >.element-footer {