From 66cc6949ca52748151bdfce511882df1a7fbe071 Mon Sep 17 00:00:00 2001
From: Tony Air <tony@thewebdevelopmentagency.com>
Date: Tue, 8 Jun 2021 15:00:54 +0700
Subject: [PATCH] FIX: Minor cms updates

---
 src/scss/types/cms.scss    | 133 +++++++++++++++++++------------------
 src/scss/types/editor.scss |   1 +
 2 files changed, 70 insertions(+), 64 deletions(-)

diff --git a/src/scss/types/cms.scss b/src/scss/types/cms.scss
index 52ea907..2980db6 100755
--- a/src/scss/types/cms.scss
+++ b/src/scss/types/cms.scss
@@ -3,78 +3,82 @@
 #Menu-Dynamic-Elements-Sponsors-Admin-SponsorsAdmin,
 #Menu-Dynamic-Elements-Admin-TestimonialsAdmin,
 #Menu-Dynamic-Elements-Promos-Admin-PromosAdmin {
-	display: none;
+    display: none;
 }
 
 // Fix form actions
 #Form_ItemEditForm_MajorActions_Holder {
-	min-width: 30%;
-	padding-bottom: 0;
-	margin-bottom: 0;
-	border: 0;
+    min-width: 30%;
+    padding-bottom: 0;
+    margin-bottom: 0;
+    border: 0;
 }
 
 #Form_EditForm_MajorActions_Holder {
-	min-width: 70%;
-	padding-bottom: 0;
-	margin-bottom: 0;
-	border: 0;
+    min-width: 70%;
+    padding-bottom: 0;
+    margin-bottom: 0;
+    border: 0;
 }
+
 #Form_ItemEditForm_RightGroup_Holder {
-	min-width: 20%;
-	padding-bottom: 0;
-	margin-bottom: 0;
-	border: 0;
+    min-width: 20%;
+    padding-bottom: 0;
+    margin-bottom: 0;
+    border: 0;
 }
 
 // make edit icon always shown
 .grid-field__icon-action {
-	&.edit-link {
-		opacity: 1;
-	}
+    &.edit-link {
+        opacity: 1;
+    }
 }
 
 // correct primary buttons coloring
 .toolbar--south {
-	.btn-primary {
-		color: #fff;
-	}
+    .btn-primary {
+        color: #fff;
+    }
 
-	.btn-outline-primary {
-		color: #999;
-	}
+    .btn-outline-primary {
+        color: #999;
+    }
 }
 
 #ActionMenus_MoreOptions {
-	.btn-primary {
-		color: #5589a7;
-	}
+    .btn-primary {
+        color: #5589a7;
+    }
 }
 
 // correct scrolls
 body.cms {
-	overflow: hidden;
+    overflow-x: hidden;
+    flex-direction: column;
 }
 
 // short fields margins/paddings
 .fields-compact {
-	.form-group {
-		padding-bottom: 0.5rem;
-		margin-bottom: 0.25rem;
-		.form__field-label {
-			font-weight: bold;
-		}
-		&:after {
-			margin-bottom: 0.25rem;
-		}
-	}
+    .form-group {
+        padding-bottom: 0.5rem;
+        margin-bottom: 0.25rem;
 
-	.form-group:after,
-	.form__divider:after {
-		display: none;
-	}
+        .form__field-label {
+            font-weight: bold;
+        }
 
-	/*.mce-edit-area {
+        &:after {
+            margin-bottom: 0.25rem;
+        }
+    }
+
+    .form-group:after,
+    .form__divider:after {
+        display: none;
+    }
+
+    /*.mce-edit-area {
 		height: 5em;
 		iframe {
 			height: 5em !important;
@@ -86,32 +90,33 @@ body.cms {
 }
 
 .fields-row {
-	margin: 0 !important;
-	padding: 0 0 2em !important;
-	width: 100%;
+    margin: 0 !important;
+    padding: 0 0 2em !important;
+    width: 100%;
 
-	.form__fieldgroup {
-		margin: 0 !important;
-		padding: 0 !important;
-		width: 100% !important;
-		max-width: 100% !important;
-		flex: 0 0 100% !important;
-		display: flex;
-		flex-wrap: wrap;
-		> .form-group {
-			padding: 0 1rem;
-			margin: 0 !important;
-			flex: 1 1 50%;
-			max-width: 50%;
-		}
-	}
+    .form__fieldgroup {
+        margin: 0 !important;
+        padding: 0 !important;
+        width: 100% !important;
+        max-width: 100% !important;
+        flex: 0 0 100% !important;
+        display: flex;
+        flex-wrap: wrap;
+
+        >.form-group {
+            padding: 0 1rem;
+            margin: 0 !important;
+            flex: 1 1 50%;
+            max-width: 50%;
+        }
+    }
 }
 
 // notifications rendering
 .notifications-list {
-	.alert {
-		.btn-close {
-			display: none;
-		}
-	}
+    .alert {
+        .btn-close {
+            display: none;
+        }
+    }
 }
diff --git a/src/scss/types/editor.scss b/src/scss/types/editor.scss
index c9fcaed..186c868 100755
--- a/src/scss/types/editor.scss
+++ b/src/scss/types/editor.scss
@@ -204,6 +204,7 @@ img {
 
     td {
         display: flex;
+        flex-direction: column;
 
         &:before {
             content: attr(data-label);