From 3d12c20315801b6721bee7d5c801cdb0c7556dbf Mon Sep 17 00:00:00 2001
From: Fiete Ostkamp <fiete.ostkamp@telekom.de>
Date: Thu, 5 Mar 2026 11:14:21 +0100
Subject: [PATCH] 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>
---
 cds-ui/designer-client/src/styles.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/cds-ui/designer-client/src/styles.css b/cds-ui/designer-client/src/styles.css
index 7a9f3f285..4044bad88 100644
--- 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;
-- 
2.16.6