From 528a8f30dbcf4427a66994448756afd048612610 Mon Sep 17 00:00:00 2001
From: Olivier Gagnon <oli.gagnon4418@gmail.com>
Date: Fri, 8 Oct 2021 00:13:18 -0400
Subject: [PATCH] more elements around

---
 src/CotMG/ui/Grid.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/CotMG/ui/Grid.tsx b/src/CotMG/ui/Grid.tsx
index a3463ff05..edbe45748 100644
--- a/src/CotMG/ui/Grid.tsx
+++ b/src/CotMG/ui/Grid.tsx
@@ -6,6 +6,7 @@ import { IStaneksGift } from "../IStaneksGift";
 import { Cell } from "./Cell";
 import { FragmentInspector } from "./FragmentInspector";
 import { FragmentSelector } from "./FragmentSelector";
+import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import TableRow from "@mui/material/TableRow";
 import TableBody from "@mui/material/TableBody";
@@ -131,12 +132,14 @@ export function Grid(props: GridProps): React.ReactElement {
 
   return (
     <>
-      <Table>
-        <TableBody>{elems}</TableBody>
-      </Table>
-      <FragmentSelector gift={props.gift} selectFragment={updateSelectedFragment} />
       <Button onClick={clear}>Clear</Button>
-      <FragmentInspector gift={props.gift} x={pos[0]} y={pos[1]} fragment={props.gift.fragmentAt(pos[0], pos[1])} />
+      <Box display="flex">
+        <Table>
+          <TableBody>{elems}</TableBody>
+        </Table>
+        <FragmentInspector gift={props.gift} x={pos[0]} y={pos[1]} fragment={props.gift.fragmentAt(pos[0], pos[1])} />
+      </Box>
+      <FragmentSelector gift={props.gift} selectFragment={updateSelectedFragment} />
     </>
   );
 }