Mobile-Optimierung: 2-Spalten-Grid, Icon-only Nav, kompakte Toolbar

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

assets/sass/custom.scss

@@ -78,10 +78,17 @@ body.selection-mode {
 		bottom: auto;
 		top: _size(header);
 		transform: translateY(-200%);
+		padding: 0.5em 1em;
+		gap: 0.5em;
 
 		&.visible {
 			transform: translateY(0);
 		}
+
+		button {
+			font-size: 0.85em;
+			padding: 0.4em 0.8em;
+		}
 	}
 }
 

assets/sass/layout/_header.scss

@@ -110,15 +110,23 @@
 			}
 
 			h1 {
-				font-size: 0.9em;
+				font-size: 0.8em;
+				max-width: 45%;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
 			}
 
 			nav {
 				> ul {
 					> li {
 						a {
-							font-size: 0.9em;
-							padding: 0 1.15em;
+							font-size: 0;
+							padding: 0 0.8em;
+
+							i {
+								font-size: 1rem;
+							}
 						}
 					}
 				}

assets/sass/libs/_vars.scss

@@ -27,10 +27,10 @@
 				minHeight:	18em
 			),
 			xsmall:			(
-				rows:		2,
-				columns:	1,
+				rows:		3,
+				columns:	2,
 				pad:		0.5,
-				minHeight:	18em
+				minHeight:	12em
 			)
 		)
 	);