fixes and functions

static/css/styles.css

@@ -2368,6 +2368,18 @@ dialog::backdrop {
   font-size: .8rem;
 }
 
+.files-head-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 0 0 auto;
+}
+
+.files-head-actions .primary-button,
+.files-head-actions .action-button {
+  width: auto;
+}
+
 .files-list {
   display: grid;
   gap: 9px;
@@ -2416,6 +2428,18 @@ dialog::backdrop {
 }
 
 @media (max-width: 620px) {
+  .files-head {
+    gap: 10px;
+  }
+
+  .files-head-actions {
+    gap: 6px;
+  }
+
+  .files-head-actions .action-button {
+    padding-inline: 9px;
+  }
+
   .file-row {
     grid-template-columns: 1fr;
   }