From ffd0b4f8b67330c2f9254963495c1e7e3f973e93 Mon Sep 17 00:00:00 2001
From: PKulkoRaccoonGang <peter.kulko@raccoongang.com>
Date: Wed, 21 Feb 2024 17:26:22 +0200
Subject: [PATCH] fix: fixed drag and drop buttons

---
 src/course-unit/CourseUnit.scss                 | 1 +
 src/course-unit/course-xblock/CourseXblock.scss | 5 ++++-
 src/course-unit/header-title/HeaderTitle.jsx    | 2 +-
 src/course-unit/header-title/HeaderTitle.scss   | 4 ++++
 4 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 src/course-unit/header-title/HeaderTitle.scss

diff --git a/src/course-unit/CourseUnit.scss b/src/course-unit/CourseUnit.scss
index d82b00ddb3..908bba4886 100644
--- a/src/course-unit/CourseUnit.scss
+++ b/src/course-unit/CourseUnit.scss
@@ -4,3 +4,4 @@
 @import "./sidebar/Sidebar";
 @import "./course-xblock/CourseXblock";
 @import "./clipboard/paste-component/PasteComponent";
+@import "./header-title/HeaderTitle";
diff --git a/src/course-unit/course-xblock/CourseXblock.scss b/src/course-unit/course-xblock/CourseXblock.scss
index 0a042c8dca..04018af303 100644
--- a/src/course-unit/course-xblock/CourseXblock.scss
+++ b/src/course-unit/course-xblock/CourseXblock.scss
@@ -3,9 +3,12 @@
     .pgn__card-header {
       display: flex;
       justify-content: space-between;
-      align-items: center;
       border-bottom: 1px solid $light-400;
       padding-bottom: map-get($spacers, 2);
+
+      &:not(:has(.pgn__card-header-subtitle-md)) {
+        align-items: center;
+      }
     }
 
     .pgn__card-header-subtitle-md {
diff --git a/src/course-unit/header-title/HeaderTitle.jsx b/src/course-unit/header-title/HeaderTitle.jsx
index 2b522040b1..319751d5c0 100644
--- a/src/course-unit/header-title/HeaderTitle.jsx
+++ b/src/course-unit/header-title/HeaderTitle.jsx
@@ -40,7 +40,7 @@ const HeaderTitle = ({
       message = intl.formatMessage(messages.commonVisibilityMessage);
     }
 
-    return message ? (<p className="small mb-0">{message}</p>) : null;
+    return message ? (<p className="header-title__visibility-message mb-0">{message}</p>) : null;
   };
 
   useEffect(() => {
diff --git a/src/course-unit/header-title/HeaderTitle.scss b/src/course-unit/header-title/HeaderTitle.scss
new file mode 100644
index 0000000000..753c3b7184
--- /dev/null
+++ b/src/course-unit/header-title/HeaderTitle.scss
@@ -0,0 +1,4 @@
+.header-title__visibility-message {
+  font-size: $font-size-sm;
+  font-weight: $font-weight-normal;
+}