From e1accfed90e8382c4ff04e4104777b7e46f5f486 Mon Sep 17 00:00:00 2001
From: Stanislav Lunyachek <stanislav.lunyachek@raccoongang.com>
Date: Thu, 4 Apr 2024 00:51:01 +0300
Subject: [PATCH 1/2] feat: UI improvements - Minor fix for Back to My Records
 button - Decrease font size for the Questions about Learner Records title -
 Send Program Record modal window - checkboxes alignment

---
 .../ProgramRecord/ProgramRecord.jsx           | 29 ++++++++-----------
 src/components/ProgramRecord/RecordsHelp.jsx  |  4 +--
 .../SendLearnerRecordModal.scss               |  6 ++++
 3 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/components/ProgramRecord/ProgramRecord.jsx b/src/components/ProgramRecord/ProgramRecord.jsx
index 698aadb..d95b2ff 100644
--- a/src/components/ProgramRecord/ProgramRecord.jsx
+++ b/src/components/ProgramRecord/ProgramRecord.jsx
@@ -5,10 +5,10 @@ import PropTypes from 'prop-types';
 import { useParams } from 'react-router-dom';
 
 import {
-  Info, ArrowBack,
+  Info, ChevronLeft,
 } from '@openedx/paragon/icons';
 import {
-  Alert, Container, Button, Hyperlink,
+  Alert, Container, Hyperlink,
 } from '@openedx/paragon';
 
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
@@ -76,22 +76,17 @@ function ProgramRecord({ isPublic }) {
   };
 
   const renderBackButton = () => (
-    <Button
-      variant="tertiary"
-      iconBefore={ArrowBack}
-      className="back-to-records"
+    <Hyperlink
+      destination={createCorrectInternalRoute('/')}
+      variant="muted"
     >
-      <Hyperlink
-        destination={createCorrectInternalRoute('/')}
-        variant="muted"
-      >
-        <FormattedMessage
-          id="link.back.to.records"
-          defaultMessage="Back to My Records"
-          description="A link that takes the user back to their program records"
-        />
-      </Hyperlink>
-    </Button>
+      <ChevronLeft />
+      <FormattedMessage
+        id="link.back.to.records"
+        defaultMessage="Back to My Records"
+        description="A link that takes the user back to their program records"
+      />
+    </Hyperlink>
   );
 
   const renderProgramDetails = () => (
diff --git a/src/components/ProgramRecord/RecordsHelp.jsx b/src/components/ProgramRecord/RecordsHelp.jsx
index 3db9cd1..afc8483 100644
--- a/src/components/ProgramRecord/RecordsHelp.jsx
+++ b/src/components/ProgramRecord/RecordsHelp.jsx
@@ -6,13 +6,13 @@ import { Hyperlink } from '@openedx/paragon';
 function RecordsHelp({ helpUrl }) {
   return (
     <section className="help">
-      <h2>
+      <h3 className="h5">
         <FormattedMessage
           id="help.section.header"
           defaultMessage="Questions about Learner Records?"
           description="A header for the help section"
         />
-      </h2>
+      </h3>
       <p>
         <FormattedMessage
           id="help.section.content.with.link"
diff --git a/src/components/ProgramRecordSendModal/SendLearnerRecordModal.scss b/src/components/ProgramRecordSendModal/SendLearnerRecordModal.scss
index 3a80efa..c84219c 100644
--- a/src/components/ProgramRecordSendModal/SendLearnerRecordModal.scss
+++ b/src/components/ProgramRecordSendModal/SendLearnerRecordModal.scss
@@ -15,6 +15,12 @@
 
         > div {
             width: 100%;
+            @extend .d-flex;
+
+            input[type=checkbox] {
+                margin-top: 4px;
+                flex-shrink: 0;
+            }
         }
     }
 }

From 06345470098a4e6da6b547f581bec269ef392d8a Mon Sep 17 00:00:00 2001
From: Stanislav Lunyachek <stanislav.lunyachek@raccoongang.com>
Date: Fri, 19 Apr 2024 00:31:51 +0300
Subject: [PATCH 2/2] feat: After review - remove checkbox fix

---
 .../ProgramRecordSendModal/SendLearnerRecordModal.scss      | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/components/ProgramRecordSendModal/SendLearnerRecordModal.scss b/src/components/ProgramRecordSendModal/SendLearnerRecordModal.scss
index c84219c..3a80efa 100644
--- a/src/components/ProgramRecordSendModal/SendLearnerRecordModal.scss
+++ b/src/components/ProgramRecordSendModal/SendLearnerRecordModal.scss
@@ -15,12 +15,6 @@
 
         > div {
             width: 100%;
-            @extend .d-flex;
-
-            input[type=checkbox] {
-                margin-top: 4px;
-                flex-shrink: 0;
-            }
         }
     }
 }