[PRM-107] Separated LG view page LinkSections with divs (#613)

Author: AndyFlintNHS

app/src/components/generic/recordMenuCard/RecordMenuCard.tsx

@@ -35,19 +35,22 @@ function RecordMenuCard({
     return (
         <div className={className} data-testid="record-menu-card">
             {downloadActions.length > 0 && (
-                <LinkSection
-                    actionLinks={downloadActions}
-                    heading="Download record"
-                    setStage={setStage}
-                />
+                <div>
+                    <LinkSection
+                        actionLinks={downloadActions}
+                        heading="Download record"
+                        setStage={setStage}
+                    />
+                </div>
             )}
-
             {updateActions.length > 0 && (
-                <LinkSection
-                    actionLinks={updateActions}
-                    heading="Update record"
-                    setStage={setStage}
-                />
+                <div>
+                    <LinkSection
+                        actionLinks={updateActions}
+                        heading="Update record"
+                        setStage={setStage}
+                    />
+                </div>
             )}
         </div>
     );

app/src/styles/App.scss

@@ -251,9 +251,12 @@ $hunit: '%';
 // Lloyd George
 .lloydgeorge {
     &_record-stage {
-        &_links,
-        a {
-            padding-right: 30px;
+        &_links {
+            display: flex;
+
+            div {
+                padding-right: 30px;
+            }
         }
 
         &_flex {