From 75ed23bcc54c22c355e92812f84207166bb97044 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] feat: UI improvements - Minor fix for Back to My Records
 button - Decrease font size for the Questions about Learner Records title

---
 .../ProgramRecord/ProgramRecord.jsx           | 29 ++++++++-----------
 src/components/ProgramRecord/RecordsHelp.jsx  |  4 +--
 2 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/src/components/ProgramRecord/ProgramRecord.jsx b/src/components/ProgramRecord/ProgramRecord.jsx
index 698aadbd..d95b2ff3 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 3db9cd11..afc84835 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"