1 files changed, 53 insertions, 2 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 5054a8e9e..8b79844be 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
@@ -24,6 +24,17 @@ body{
   content: "";
 }
 
+.editNavbar .nav-tabs{
+  border-bottom-width: 2px;
+}
+.editNavbar .nav-tabs .nav-link{
+  padding: 12px 15px !important;
+  text-align: center;
+}
+.editNavbar .nav-tabs .nav-link::before{
+  content: "";
+}
+
 /*Header*/
 header{
   position: relative;
@@ -444,6 +455,7 @@ p.compType-4{
   background: #fff;
   border: solid 1px #D9E6F2;
   color: #C3CDDB;
+  margin-top: 14px;
 }
 .controllerSidebar .custom-control label{
   margin-bottom: 0;
@@ -461,8 +473,9 @@ p.compType-4{
  
 /*CANVAS*/
 .editBar{
-  width: 200px;
-  margin: 0 auto 0;
+  width: 73.7%;
+  margin: 0 auto 0 -320px;
+  height: 45px;
   padding: 6px 10px;
   background:#F4F9FE;
   /* border: solid 1px #E8EFF8; */
@@ -486,6 +499,7 @@ p.compType-4{
 .viewBtns .btn{
   background-position: 10px center;
   padding-left: 30px!important;
+  margin-top: 14px;
 }
 .viewBtns .topologySource{
   background-image: url(src/assets/img/icon-topologyView-active.svg);
@@ -738,3 +752,40 @@ p.compType-4{
   margin-left: 150px;
   font-size:15px
 }
+
+.arrow{
+  margin-left: -10px;
+  border-radius: 3%
+}
+.arr-size{
+  font-size: 31px;
+}
+.editBar2{
+  width: 98.7%;
+  margin: 0 auto 0 -640px;
+  height: 45px;
+  padding: 6px 10px;
+  background:#F4F9FE;
+  /* border: solid 1px #E8EFF8; */
+  box-shadow: 0 2px 6px rgba(47, 83, 151, .1);
+}
+.editBar2 .btn-group{
+  box-shadow: 0 2px 6px rgba(47, 83, 151, .15);
+}
+.editBar2 .btn{
+  background-color: #fff;
+  background-repeat: no-repeat;
+  background-position: left center;
+  border: 0;
+  color: #1B3E6F;
+  font-size: 10px;
+}
+.editBar2 .btn.active{
+  background-color: #1B3E6F !important;
+  color: #fff;
+}
+.editBar2 .viewBtns .btn{
+  background-position: 10px center;
+  padding-left: 30px!important;
+  margin-top: 14px;
+}