1 files changed, 38 insertions, 20 deletions

diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.scss b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.scss
index 8375fff87..ed53807aa 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.scss
+++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.scss
@@ -19,10 +19,10 @@ limitations under the License.
 ============LICENSE_END============================================
 */
 
-.container {
-    display: flex;
-    flex-direction: row;
-    margin-top: 8px;
+.containerDiv {
+    display: flex !important;
+    flex-direction: row !important;
+    margin-top: 8px !important;
     .fileViewContainer {
         width: 20%;
         margin: 2px;
@@ -45,15 +45,17 @@ limitations under the License.
     border: 1px solid #3f51b5;
     // border-left: 5px solid #3f51b5;
 }
+
 .savebtn {
     color: white;
     background-color: #3f51b5;
     position: absolute;
     bottom: 5px;
 }
-.save-icon{
+
+.save-icon {
     position: absolute;
-    left: 59em;
+    left: 57em;
     color: #3f51b5;
     font-size: 24px;
     cursor: pointer;
@@ -63,27 +65,43 @@ limitations under the License.
 .background-highlight {
     background-color: #3f51b5 !important;
     color: white !important;
-  }
+}
 
-  .fa-disabled {
+.fa-disabled {
     opacity: 0.6;
     pointer-events: none;
-  }
+}
 
-  .mat-tree-node {
+.mat-tree-node {
     min-height: 40px !important;
-  }
+}
 
-  .delete-add-file {
-    color:#3f51b5; 
+.delete-add-file {
+    color: #3f51b5;
     font-size: 20px;
-    margin: 3px; 
+    margin: 3px;
     cursor: pointer;
-  }
+}
 
-  .add-file {
-    color:#3f51b5; 
-    font-size: 18px; 
-    margin: 3px; 
+.add-file {
+    color: #3f51b5;
+    font-size: 18px;
+    margin: 3px;
     cursor: pointer;
-  }
\ No newline at end of file
+}
+
+.resource-mapping-mode {
+    height: 50% !important;
+    // overflow: scroll;
+}
+
+.normal-editor-mode {
+    height: 100%;
+}
+
+.apply-scrol-to-editor-container {
+    overflow: scroll;
+    width: 80%;
+    background-color: gainsboro;
+    height: 490px !important;
+}
\ No newline at end of file