Button positioning fixed in dialogs.

src/Squidex/app/features/schemas/pages/schema/schema-scripts-form.component.html

@@ -24,8 +24,10 @@
     </div>
 
     <div class="modal-footer">
-        <button type="reset" class="float-left btn btn-secondary" (click)="cancel()" [disabled]="editFormSubmitted">Cancel</button>
+        <div class="clearfix">
-        <button type="submit" class="float-right btn btn-primary">Save</button>
+            <button type="reset" class="float-left btn btn-secondary" (click)="cancel()" [disabled]="editFormSubmitted">Cancel</button>
+            <button type="submit" class="float-right btn btn-primary">Save</button>
+        </div>
     </div>
 </form>
 

src/Squidex/app/features/schemas/pages/schema/schema-scripts-form.component.scss

@@ -7,4 +7,8 @@
 
 .nav-tabs {
     border: 0;
+}
+
+.clearfix {
+    width: 100%;
 }

src/Squidex/app/framework/angular/dialog-renderer.component.html

@@ -11,8 +11,10 @@
             </div>
 
             <div class="modal-footer">
-                <button type="button" class="btn btn-danger" (click)="confirm()">Yes</button>
+                <div class="clearfix">
-                <button type="button" class="btn btn-secondary" (click)="cancel()">No</button>
+                    <button type="button" class="float-left btn btn-secondary" (click)="cancel()">No</button>
+                    <button type="button" class="float-right btn btn-danger" (click)="confirm()">Yes</button>
+                </div>
             </div>
         </div>
     </div>

src/Squidex/app/framework/angular/dialog-renderer.component.scss

@@ -25,4 +25,8 @@
     &-bottomleft {
         @include fixed(auto, auto, 0, 0);
     }
+}
+
+.clearfix {
+    width: 100%;
 }

src/Squidex/app/framework/angular/jscript-editor.component.scss

@@ -4,5 +4,5 @@
 .editor {
     background: $color-dark-foreground;
     border: 1px solid $color-input;
-    height: 30rem;
+    height: 20rem;
 }

src/Squidex/app/framework/angular/json-editor.component.scss

@@ -4,5 +4,5 @@
 .editor {
     background: $color-dark-foreground;
     border: 1px solid $color-input;
-    height: 30rem;
+    height: 20rem;
 }