From 8a30fc6150ade36adc9e8a8b27d39ec65ddbda89 Mon Sep 17 00:00:00 2001
From: Maija Y <maija.ylitalo@helsinki.fi>
Date: Mon, 20 Jan 2025 19:21:34 +0200
Subject: [PATCH] Little changes to css

---
 .../PeerOrSelfReviewView/PeerOrSelfReviewViewImpl.tsx  | 10 ++++++++--
 .../PeerRevireMarkingSpam/MarkAsSpamDialog.tsx         |  1 +
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/PeerOrSelfReviewView/PeerOrSelfReviewViewImpl.tsx b/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/PeerOrSelfReviewView/PeerOrSelfReviewViewImpl.tsx
index 8ed78d41f36..eaba0eba5d0 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/PeerOrSelfReviewView/PeerOrSelfReviewViewImpl.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/PeerOrSelfReviewView/PeerOrSelfReviewViewImpl.tsx
@@ -300,7 +300,7 @@ const PeerOrSelfReviewViewImpl: React.FC<React.PropsWithChildren<PeerOrSelfRevie
           margin-top: 3rem;
           margin-bottom: 2rem;
           background-color: #e0e0e0;
-          height: 6px;
+          height: 5px;
           border: none;
         `}
       />
@@ -333,8 +333,14 @@ const PeerOrSelfReviewViewImpl: React.FC<React.PropsWithChildren<PeerOrSelfRevie
             }}
           />
         ))}
+
       <button
-        className={cx(exerciseButtonStyles)}
+        className={cx(
+          css`
+            margin-top: 2.5rem !important;
+          `,
+          exerciseButtonStyles,
+        )}
         disabled={!isValid || !peerOrSelfReviewData || submitPeerOrSelfReviewMutation.isPending}
         onClick={() => submitPeerOrSelfReviewMutation.mutate()}
       >
diff --git a/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/PeerOrSelfReviewView/PeerRevireMarkingSpam/MarkAsSpamDialog.tsx b/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/PeerOrSelfReviewView/PeerRevireMarkingSpam/MarkAsSpamDialog.tsx
index a7c3490f59d..fdfd5db28c3 100644
--- a/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/PeerOrSelfReviewView/PeerRevireMarkingSpam/MarkAsSpamDialog.tsx
+++ b/services/course-material/src/components/ContentRenderer/moocfi/ExerciseBlock/PeerOrSelfReviewView/PeerRevireMarkingSpam/MarkAsSpamDialog.tsx
@@ -75,6 +75,7 @@ const MarkAsSpamDialog: React.FC<{
           width: 100%;
           height: 5rem;
           margin-bottom: 1rem;
+          padding: 10px 12px;
         `}
       />
       <Button variant="primary" onClick={handleSubmit} disabled={!selectedReason} size={"small"}>