From 41e2948bff2ae5c9444b14e68111232d9a197c5a Mon Sep 17 00:00:00 2001
From: Ron Lucke <lucke@elan-ev.de>
Date: Thu, 14 Sep 2023 12:14:36 +0000
Subject: [PATCH] fix #2855

Closes #2855

Merge request studip/studip!2014
---
 resources/assets/stylesheets/scss/courseware.scss | 6 ++++--
 resources/assets/stylesheets/scss/responsive.scss | 2 ++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/assets/stylesheets/scss/courseware.scss b/resources/assets/stylesheets/scss/courseware.scss
index 611da353d9d..891932de6ac 100644
--- a/resources/assets/stylesheets/scss/courseware.scss
+++ b/resources/assets/stylesheets/scss/courseware.scss
@@ -438,7 +438,7 @@ $consum_ribbon_width: calc(100% - 58px);
     box-shadow: 2px 2px #ccc;
     position: absolute;
     right: -570px;
-    top: 0;
+    top: 15px;
     height: 100%;
     max-width: calc(100% - 28px);
     display: flex;
@@ -448,6 +448,7 @@ $consum_ribbon_width: calc(100% - 58px);
 
     &.unfold {
         right: 0px;
+        margin-right: 15px;
     }
 
     &.cw-ribbon-tools-consume {
@@ -460,6 +461,7 @@ $consum_ribbon_width: calc(100% - 58px);
     &.cw-ribbon-tools-sticky {
         position: absolute;
         top: -1px;
+        margin-right: 0;
     }
 
     .cw-ribbon-tool-content {
@@ -570,7 +572,7 @@ $consum_ribbon_width: calc(100% - 58px);
 
 .cw-structural-element-consumemode {
     .cw-ribbon-tools {
-        top: 14px;
+        top: 25px;
     }
 }
 
diff --git a/resources/assets/stylesheets/scss/responsive.scss b/resources/assets/stylesheets/scss/responsive.scss
index 2e6e9852e01..3f226d3d3a7 100644
--- a/resources/assets/stylesheets/scss/responsive.scss
+++ b/resources/assets/stylesheets/scss/responsive.scss
@@ -465,6 +465,8 @@ $sidebarOut: -330px;
         &.cw-ribbon {
             .cw-ribbon-tools {
                 max-width: calc(100% - 2px);
+                top: 0;
+                margin-right: 0;
             }
         }
 
-- 
GitLab