Clean up UI for small screens

2024-03-15 13:58:27 +01:00
parent 6376e67cd7
commit 13c5889a56
5 changed files with 54 additions and 39 deletions
--- a/svelte/src/filesystem/Toolbar.svelte
+++ b/svelte/src/filesystem/Toolbar.svelte
@@ -138,7 +138,6 @@ let expand = e => {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
 }
-
 .separator {
 	height: 2px;
 	width: 100%;
@@ -164,7 +163,7 @@ let expand = e => {

 /* This max-width needs to be synced with the .viewer_area max-width in
 Toolbar.svelte and the .label max-width in FileStats.svelte */
-@media (max-width: 700px) {
+@media (max-width: 800px) {
 	.toolbar {
 		overflow-y: hidden;
 		max-height: 2.5em;