fix(settings): daily summary channel switches fit on phones

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

CHANGELOG.md

@@ -6,6 +6,11 @@ Das Format folgt [Keep a Changelog](https://keepachangelog.com/de/1.1.0/), die V
 
 ## [Unreleased]
 
+## [0.16.1] - 2026-10-31
+
+### Fixed
+- Einstellungen am Handy: Bei der Tageszusammenfassung ragten die Kanal-Schalter (E-Mail, Discord, Webhook, Push) rechts aus dem Bild. Am Handy stehen sie jetzt zu zweit untereinander.
+
 ## [0.16.0] - 2026-10-31
 
 ### Added
@@ -374,7 +379,8 @@ Das Format folgt [Keep a Changelog](https://keepachangelog.com/de/1.1.0/), die V
 - Geteilte Listen (Einkaufs-, Pack- und Checklisten) mit `#Kategorie`-Gruppierung, Mengenangaben und Echtzeit-Abhaken.
 - Benutzer-, Gruppen- und Admin-Verwaltung (Ersteinrichtungs-Assistent, Einladungscodes, Profilbilder, persönliche API-Keys & Webhook-Ingest `/api/v1/webhooks/ingest`, JSON-Datenexport) sowie CSS-Theme-Engine mit 4 Themes (`Dark`, `Light`, `High Contrast`, `Soft`) und PWA-Unterstützung.
 
-[Unreleased]: https://git.dsit.me/sandrodach/MindSift/compare/v0.16.0...dev
+[Unreleased]: https://git.dsit.me/sandrodach/MindSift/compare/v0.16.1...dev
+[0.16.1]: https://git.dsit.me/sandrodach/MindSift/compare/v0.16.0...v0.16.1
 [0.16.0]: https://git.dsit.me/sandrodach/MindSift/compare/v0.15.1...v0.16.0
 [0.15.1]: https://git.dsit.me/sandrodach/MindSift/compare/v0.15.0...v0.15.1
 [0.15.0]: https://git.dsit.me/sandrodach/MindSift/compare/v0.14.3...v0.15.0

frontend/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "mindsift-frontend",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mindsift-frontend",
-      "version": "0.16.0",
+      "version": "0.16.1",
       "license": "Unlicense",
       "dependencies": {
         "@fontsource-variable/inter": "5.3.0",

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mindsift-frontend",
   "private": true,
-  "version": "0.16.0",
+  "version": "0.16.1",
   "license": "Unlicense",
   "type": "module",
   "scripts": {

frontend/src/features/settings/UserSettingsView.tsx

@@ -1534,8 +1534,9 @@ export const UserSettingsView: React.FC<UserSettingsViewProps> = ({
                             />
                           </label>
 
-                          <div className="flex items-center gap-5">
+                          {/* Phones: 2×2 grid, the four switches do not fit in one row */}
-                            <div className="flex items-center gap-2">
+                          <div className="grid grid-cols-2 gap-x-6 gap-y-3 w-full sm:w-auto sm:flex sm:items-center sm:gap-5">
+                            <div className="flex items-center justify-between sm:justify-start gap-2">
                               <span className="text-xs text-muted">E-Mail</span>
                               <ToggleSwitch
                                 checked={notificationSettings.dailySummary.email}
@@ -1548,7 +1549,7 @@ export const UserSettingsView: React.FC<UserSettingsViewProps> = ({
                                 title="Tageszusammenfassung – E-Mail"
                               />
                             </div>
-                            <div className="flex items-center gap-2">
+                            <div className="flex items-center justify-between sm:justify-start gap-2">
                               <span className="text-xs text-muted">Discord</span>
                               <ToggleSwitch
                                 checked={notificationSettings.dailySummary.discord}
@@ -1566,7 +1567,7 @@ export const UserSettingsView: React.FC<UserSettingsViewProps> = ({
                                 }
                               />
                             </div>
-                            <div className="flex items-center gap-2">
+                            <div className="flex items-center justify-between sm:justify-start gap-2">
                               <span className="text-xs text-muted">Webhook</span>
                               <ToggleSwitch
                                 checked={notificationSettings.dailySummary.webhook}
@@ -1584,7 +1585,7 @@ export const UserSettingsView: React.FC<UserSettingsViewProps> = ({
                                 }
                               />
                             </div>
-                            <div className="flex items-center gap-2">
+                            <div className="flex items-center justify-between sm:justify-start gap-2">
                               <span className="text-xs text-muted">Push</span>
                               <ToggleSwitch
                                 checked={notificationSettings.dailySummary.push}