add horizontal padding to faces dashboard to make it look better

LibrePhotos · Dec 9, 2024 · f4928f6 · f4928f6
1 parent 86546b3
commit f4928f6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/layouts/dataviz/FaceDashboard.tsx b/src/layouts/dataviz/FaceDashboard.tsx
@@ -1,5 +1,5 @@
 /* eslint no-plusplus: ["error", { "allowForLoopAfterthoughts": true }] */
-import { RemoveScroll, Stack } from "@mantine/core";
+import { Flex, RemoveScroll, Stack } from "@mantine/core";
 import { useElementSize } from "@mantine/hooks";
 import _ from "lodash";
 import React, { useEffect, useRef, useState } from "react";
@@ -358,7 +358,7 @@ export function FaceDashboard() {
             notThisPerson={notThisPersonFunc}
           />
         </Stack>
-        <div ref={ref} style={{ flexGrow: 1 }}>
+        <Flex ref={ref} style={{ flexGrow: 1, padding: "0 15px" }}>
           <AutoSizer>
             {({ height, width: gridWidth }) => (
               <ScrollScrubber
@@ -386,7 +386,7 @@ export function FaceDashboard() {
               </ScrollScrubber>
             )}
           </AutoSizer>
-        </div>
+        </Flex>
         <ModalPersonEdit
           isOpen={modalPersonEditOpen}
           onRequestClose={() => {