diff --git a/frontend/src/Photos/Overview.scss b/frontend/src/Photos/Overview.scss index ff302e1..e542f7d 100644 --- a/frontend/src/Photos/Overview.scss +++ b/frontend/src/Photos/Overview.scss @@ -140,6 +140,10 @@ align-items: flex-end; justify-content: center; width: 100%; + + button { + margin: 0.25rem; + } } .list { @@ -154,14 +158,14 @@ } .photoCard { - display: flex; - justify-content: center; - align-items: center; + flex-grow: 1; + transition: all 0.3s; + transition: 0.3s; user-select: none; height: 15rem; - width: 20rem; - margin: 1rem; + min-width: 10rem; + margin: 0.25rem; padding: 0rem; overflow: hidden; @@ -175,6 +179,10 @@ object-fit: cover; } } + + .photoStub { + flex-grow: 100; + } } } diff --git a/frontend/src/Photos/Overview.tsx b/frontend/src/Photos/Overview.tsx index a2736c8..04ab0d7 100644 --- a/frontend/src/Photos/Overview.tsx +++ b/frontend/src/Photos/Overview.tsx @@ -93,7 +93,9 @@ export const OverviewComponent: React.FunctionComponent
-
{photos}
+
+ {photos}
+
{props.overviewFetching && }