Tweak

2024-09-19 18:07:02 +05:30
parent 0381dee786
commit cdca58eb3c
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
@@ -43,7 +43,8 @@ const SearchPeopleContainer = styled("div")`
    justify-content: center;
    align-items: center;
    gap: 5px;
-    margin-block: 16px;
+    margin-block-start: 16px;
+    margin-block-end: 14px;
    /* On very small (~ < 375px) mobile screens 6 faces won't fit in 2 rows.
       Clip the third one. */
    overflow: hidden;
--- a/web/packages/new/photos/components/SearchBar.tsx
+++ b/web/packages/new/photos/components/SearchBar.tsx
@@ -434,7 +434,7 @@ const EmptyState: React.FC<EmptyStateProps> = ({
                    <SearchPeopleList {...{ people, onSelectPerson }} />
                </>
            )}
-            <Typography variant="mini" sx={{ my: "2px" }}>
+            <Typography variant="mini" sx={{ my: "4px" }}>
                {label}
            </Typography>
        </Box>