BASIRA #286 - Fixing issue with image info layout

performant-software · Dec 19, 2024 · 13bcc68 · 13bcc68
1 parent 8e9e7b1
commit 13bcc68
Showing 1 changed file with 9 additions and 4 deletions.
diff --git 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>
 );