Fix actions pane responsivity issues

- fix actions pane being overlapped by other page content
  on smaller window sizes

Issue-ID: CCSDK-4166
Change-Id: I3b83b36727c5ce067bd9cae20ffe1792e239a870
Signed-off-by: Fiete Ostkamp <fiete.ostkamp@telekom.de>

diff --git a/cds-ui/designer-client/src/styles.css b/cds-ui/designer-client/src/styles.css
index 7a9f3f2..4044bad 100644 (file)
--- a/cds-ui/designer-client/src/styles.css
+++ b/cds-ui/designer-client/src/styles.css
@@ -1152,6 +1152,9 @@ height: 40px;
 .body-container{
   padding: 0 30px !important;
 }
+.body-container:has(.creat-action-container){
+  padding-right: 160px !important;
+}
 .body-container > .container{
   padding: 0;
 }
@@ -2532,7 +2535,10 @@ hr{
   top: 104px;
   width: 130px;
   text-align: center;
+  z-index: 10;
+  background: #FAFAFA;
 }
+
 .action-button{
   display: inline-block;
   width: 70px;