Tweak spacing

2024-09-26 09:05:30 +05:30
parent b5db5e2b83
commit 2521cd6d31
2 changed files with 3 additions and 2 deletions
--- a/web/packages/new/photos/components/PeopleList.tsx
+++ b/web/packages/new/photos/components/PeopleList.tsx
@@ -44,7 +44,8 @@ const SearchPeopleContainer = styled("div")`
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
-    margin-block: 12px;
+    margin-block-start: 12px;
+    margin-block-end: 15px;
 `;

 const SearchPeopleButton = styled("button")(
--- a/web/packages/new/photos/components/SearchBar.tsx
+++ b/web/packages/new/photos/components/SearchBar.tsx
@@ -418,7 +418,7 @@ const EmptyState: React.FC<Pick<SearchBarProps, "onSelectPerson">> = ({
                    <SearchPeopleList {...{ people, onSelectPerson }} />
                </>
            )}
-            <Typography variant="mini" sx={{ my: "4px" }}>
+            <Typography variant="mini" sx={{ mt: "5px", mb: "4px" }}>
                {label}
            </Typography>
        </Box>