From 13bcc6816b054da67a3d6145520201d1c268cd7b Mon Sep 17 00:00:00 2001
From: dleadbetter <derek@performantsoftware.com>
Date: Thu, 19 Dec 2024 07:50:46 -0500
Subject: [PATCH] BASIRA #286 - Fixing issue with image info layout

---
 client/src/components/RecordPage.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/src/components/RecordPage.js b/client/src/components/RecordPage.js
index 413db54..bba225f 100644
--- a/client/src/components/RecordPage.js
+++ b/client/src/components/RecordPage.js
@@ -11,7 +11,8 @@ import React, {
 import { Link } from 'react-router-dom';
 import {
   Button,
-  Container, Grid,
+  Container,
+  Grid,
   Header as SemanticHeader,
   Loader,
   Menu,
@@ -172,9 +173,6 @@ const Image = (props: ImageProps) => (
     <LazyImage
       src={props.item.file_url}
     />
-    <ImageInfo
-      item={props.item}
-    />
   </div>
 );
 
@@ -203,6 +201,13 @@ const Header = (props: HeaderProps) => (
     >
       { props.children }
     </Grid.Column>
+    <Grid.Column
+      width={16}
+    >
+      <ImageInfo
+        item={props.image}
+      />
+    </Grid.Column>
   </Grid>
 );