better photo overview

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;
+                flex-grow: 1;
-                justify-content: center;
+                transition: all 0.3s;
-                align-items: center;
+
                 transition: 0.3s;
                 user-select: none;
                 height: 15rem;
-                width: 20rem;
+                min-width: 10rem;
-                margin: 1rem;
+                margin: 0.25rem;
                 padding: 0rem;
                 overflow: hidden;
 
@@ -175,6 +179,10 @@
                     object-fit: cover;
                 }
             }
+
+            .photoStub {
+                flex-grow: 100;
+            }
         }
     }
 

frontend/src/Photos/Overview.tsx

@@ -93,7 +93,9 @@ export const OverviewComponent: React.FunctionComponent<IOverviewComponentProps>
                     <div id="actionbar">
                         <UploadButton />
                     </div>
-                    <div className="list">{photos}</div>
+                    <div className="list">
+                        {photos} <div className="photoStub" />
+                    </div>
                     <div className="photosLoader">
                         {props.overviewFetching && <Spinner />}
                     </div>