Fix layout when there is more space than needed to display file explorer (don't scale larger) or gallery (don't bottom align).

frontend/src/components/FileExplorer.vue

@@ -1,4 +1,5 @@
 <template>
+  <div class="file-explorer">
     <table v-if="props.documents.length || editing">
       <thead>
         <tr>
@@ -70,6 +71,7 @@
       </tbody>
     </table>
     <EmptyFolder v-else :documents="documents" :path="props.path" />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -547,9 +549,14 @@ const contextMenu = (ev: MouseEvent, doc: Doc) => {
 </script>
 
 <style scoped>
+.file-explorer {
+  height: 100%;
+  width: 100%;
+}
 table {
   width: 100%;
   table-layout: fixed;
+  height: auto;
 }
 thead tr {
   position: sticky;

frontend/src/components/Gallery.vue

@@ -625,7 +625,8 @@ const contextMenu = (ev: MouseEvent, doc: Doc) => {
   display: grid;
   gap: .5em;
   grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
-  align-items: end;
+  align-items: start;
+  align-content: start;
 }
 .folder-indicator {
   grid-column: 1 / -1;