fix(ui): schmale Geraete zeigten nur eine Kachelspalte

Auf 360px (Galaxy Z Flip 7 aufgeklappt) brauchten zwei Spalten
2x160 + 12 = 332px, verfuegbar waren nach 20px Innenrand aber nur
320px - also fiel das Raster auf eine Spalte zurueck.

Schmal jetzt 132px Mindestbreite, 10px Abstand, 12px Innenrand. Damit
stehen zwei Spalten ab 300px Fensterbreite, ohne dass breite Schirme
sich aendern (dort weiter 160px und 20px).

Raster und Innenrand stehen als Klassen in index.css: inline gesetzt
haette die Media-Query sie nicht erreicht - derselbe Fehler wie zuletzt
in der Kopfleiste.

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

frontend/src/components/FileViews.tsx

@@ -115,11 +115,10 @@ export default function GridView({ folders, files, onFolderOpen, onFolderMenu, o
   const highlightRef = useScrollToHighlight(highlightId)
   const coarse = useCoarsePointer()
   return (
-    <div style={{
-      display: 'grid',
-      gridTemplateColumns: 'repeat(auto-fill, minmax(160px, 1fr))',
-      gap: 12,
-    }}>
+    // Raster und Abstände stehen in index.css (.aether-grid). Hier inline
+    // gesetzt wären sie auf dem Handy nicht zu ändern: Ein Inline-Stil schlägt
+    // jede Media-Query – daran ist die Kopfleiste schon zweimal gescheitert.
+    <div className="aether-grid">
       {folders.map(folder => {
         const isOver = dragOverFolder === folder.id
         // Ein Gruppenordner lässt sich nicht verschieben – ihn ziehbar zu