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/pages/AdminPage.tsx

@@ -41,7 +41,7 @@ export default function AdminPage() {
         meta="Users, groups, appearance and activity"
       />
 
-      <div style={{ flex: 1, overflowY: 'auto', padding: 20 }}>
+      <div className="aether-content" style={{ flex: 1, overflowY: 'auto' }}>
       <Tabs tabs={tabs} active={tab} onChange={setTab} />
 
       {tab === 'users' && <UsersTab />}

frontend/src/pages/FileBrowser.tsx

@@ -850,7 +850,7 @@ export default function FileBrowser({
       </PageHeader>
 
       {/* Content */}
-      <div style={{ flex: 1, overflowY: 'auto', padding: 20 }}>
+      <div className="aether-content" style={{ flex: 1, overflowY: 'auto' }}>
         {loading && (
           <div style={{ display: 'flex', justifyContent: 'center', paddingTop: 80 }}>
             <div style={{

frontend/src/pages/ProfilePage.tsx

@@ -274,7 +274,7 @@ export default function ProfilePage({ user, onUserChanged }: Props) {
         meta="Your account, devices and appearance"
       />
 
-      <div style={{ flex: 1, overflowY: 'auto', padding: 20 }}>
+      <div className="aether-content" style={{ flex: 1, overflowY: 'auto' }}>
       <div style={{ maxWidth: 560 }}>
 
         <Tabs tabs={tabs} active={tab} onChange={setTab} />

frontend/src/pages/SharedPage.tsx

@@ -56,7 +56,7 @@ export default function SharedPage() {
         meta={links.length > 0 ? `${links.length} link${links.length !== 1 ? 's' : ''}` : undefined}
       />
 
-      <div style={{ flex: 1, overflowY: 'auto', padding: 20 }}>
+      <div className="aether-content" style={{ flex: 1, overflowY: 'auto' }}>
         {loading && (
           <div style={{ display: 'flex', justifyContent: 'center', paddingTop: 80 }}>
             <div style={{ width: 24, height: 24, border: '2px solid var(--color-primary)', borderTopColor: 'transparent', borderRadius: '50%', animation: 'spin 0.7s linear infinite' }} />

frontend/src/pages/SharedWithMePage.tsx

@@ -37,7 +37,7 @@ export default function SharedWithMePage({ onOpenFolder }: Props) {
         meta="Files and folders other people gave you access to"
       />
 
-      <div style={{ flex: 1, overflowY: 'auto', padding: 20 }}>
+      <div className="aether-content" style={{ flex: 1, overflowY: 'auto' }}>
 
       {loading ? (
         <p style={{ fontSize: 13, color: 'var(--color-text-muted)' }}>Loading…</p>

frontend/src/pages/TagsPage.tsx

@@ -109,7 +109,7 @@ export default function TagsPage({ tagId, correspondentId, onOpenFolder }: Props
         )}
       </PageHeader>
 
-      <div style={{ flex: 1, overflowY: 'auto', padding: 20 }}>
+      <div className="aether-content" style={{ flex: 1, overflowY: 'auto' }}>
         {loading && (
           <p style={{ color: 'var(--color-text-muted)', fontSize: 13 }}>Loading…</p>
         )}

frontend/src/pages/TrashPage.tsx

@@ -73,7 +73,7 @@ export default function TrashPage({ onUserChanged }: Props) {
         )}
       </PageHeader>
 
-      <div style={{ flex: 1, overflowY: 'auto', padding: 20 }}>
+      <div className="aether-content" style={{ flex: 1, overflowY: 'auto' }}>
         {loading && (
           <div style={{ display: 'flex', justifyContent: 'center', paddingTop: 80 }}>
             <div style={{ width: 24, height: 24, border: '2px solid var(--color-primary)', borderTopColor: 'transparent', borderRadius: '50%', animation: 'spin 0.7s linear infinite' }} />