1 files changed, 33 insertions, 4 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css
index 799407093..37a6f9235 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css
@@ -268,7 +268,7 @@ p.compType-4{
   color: #fff;
 }
 .actionBtns .btn:last-child{
-  padding-left: 34px;
+  padding-left: 34px !important;
   background: url(src/assets/img/icon-import-blue.svg) 12px center #fff no-repeat;
   border: solid 1px #D0DFF1;
   color: #1B3E6F;
@@ -279,6 +279,8 @@ p.compType-4{
 }
 .componentsList{
   padding-bottom: 0;
+  height: calc( 100vh - 218px)!important;
+  overflow: scroll;
 }
 .custom-control.custom-checkbox:hover,
 .custom-control-label:hover{
@@ -342,11 +344,11 @@ p.compType-4{
  
 /*CANVAS*/
 .editBar{
-  width: 350px;
+  width: 200px;
   margin: 0 auto 0;
   padding: 6px 10px;
   background:#F4F9FE;
-  border: solid 1px #E8EFF8;
+  /* border: solid 1px #E8EFF8; */
   box-shadow: 0 2px 6px rgba(47, 83, 151, .1);
 }
 .editBar .btn-group{
@@ -366,7 +368,7 @@ p.compType-4{
 }
 .viewBtns .btn{
   background-position: 10px center;
-  padding-left: 30px;
+  padding-left: 30px!important;
 }
 .viewBtns .topologySource{
   background-image: url(src/assets/img/icon-topologyView-active.svg);
@@ -548,3 +550,30 @@ p.compType-4{
   font-size: 10px;
 
 }
+.source-button{
+  position: absolute;
+    z-index: 9999999;
+    top: 69px;
+    left: 50%;
+}
+/*jointjs paper*/
+/* #board-paper {
+    position: relative;
+    border: 1px solid gray;
+    display: inline-block;
+    background: transparent;
+    overflow: hidden;
+}
+#board-paper svg {
+    background: transparent;
+}
+#board-paper svg .link {
+    z-index: 2;
+}
+.html-element {
+    position: absolute;
+    background: #F4F9FE;
+    pointer-events: none;
+    -webkit-user-select: none;
+    z-index: 2;
+} */