From a175c00c18d420958cce3ec4f0da5fad2ac8e909 Mon Sep 17 00:00:00 2001
From: Schalli <kschaller@ctl.de>
Date: Wed, 16 Sep 2026 09:13:23 +0200
Subject: [PATCH] =?UTF-8?q?feat(quick-260916-bwo):=20Abstaende=20halbiert?=
 =?UTF-8?q?=20=E2=80=94=20Seitenrahmen=20p-3=20(alle=20Seiten),=20Dashboar?=
 =?UTF-8?q?d=20p-2,=20Grid=208=20px,=20Widget-Innenabstaende?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- app-shell.tsx: main p-3 (12 px statt 24) — gilt fuer alle Seiten, Nachtrag des Users
- page.tsx: Container relative p-2, Umschalter right-2 top-2; mt-8 bleibt (Umschalter 36 px hoch, sonst Ueberlappung)
- link/favorites p-1, calendar p-1.5 (Zustandsansichten p-2), search px-1.5, note-Kopfzeile px-1.5
- Grid-Abstand 8 px bereits in Task 1, Uhr/Stoppuhr/Rechner-Innenabstaende bereits in 2a

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018N9CD3ebPKm1b32bPpBknY
---
 apps/web/src/app/(portal)/page.tsx                     | 10 +++++++---
 .../components/dashboard/widgets/calendar-widget.tsx   |  8 ++++----
 .../components/dashboard/widgets/favorites-widget.tsx  |  2 +-
 .../src/components/dashboard/widgets/link-widget.tsx   |  2 +-
 .../src/components/dashboard/widgets/note-widget.tsx   |  2 +-
 .../src/components/dashboard/widgets/search-widget.tsx |  2 +-
 apps/web/src/components/layout/app-shell.tsx           |  3 ++-
 7 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/app/(portal)/page.tsx b/apps/web/src/app/(portal)/page.tsx
index 1d72c56..cbc44be 100644
--- a/apps/web/src/app/(portal)/page.tsx
+++ b/apps/web/src/app/(portal)/page.tsx
@@ -66,16 +66,20 @@ export default function DashboardPage() {
   }
 
   return (
-    <div className="relative p-4">
+    <div className="relative p-2">
       {/* Edit mode toggle — top right */}
-      <div className="absolute right-4 top-4 z-10">
+      <div className="absolute right-2 top-2 z-10">
         <EditModeToggle
           isEditMode={isEditMode}
           onToggle={() => setEditMode(!isEditMode)}
         />
       </div>
 
-      {/* Dashboard grid */}
+      {/* Dashboard grid.
+          quick-260916-bwo: mt-8 bleibt bewusst — der Umschalter ist 36 px hoch
+          (p-2 plus 20-px-Symbol) und liegt mit top-2 bei 8..44 px; das erste
+          Widget beginnt mit mt-8 bei 8+32+8 = 48 px (4 px Abstand). Eine
+          Halbierung auf mt-4 legte es bei 32 px mitten in den Umschalter. */}
       <div className="mt-8">
         <DashboardGrid
           layouts={layouts}
diff --git a/apps/web/src/components/dashboard/widgets/calendar-widget.tsx b/apps/web/src/components/dashboard/widgets/calendar-widget.tsx
index 5914c49..6c2c88c 100644
--- a/apps/web/src/components/dashboard/widgets/calendar-widget.tsx
+++ b/apps/web/src/components/dashboard/widgets/calendar-widget.tsx
@@ -77,7 +77,7 @@ export function CalendarWidget({ config }: WidgetProps) {
   // Loading state
   if (isLoading) {
     return (
-      <div className="flex h-full items-center justify-center p-4">
+      <div className="flex h-full items-center justify-center p-2">
         <span className="text-sm text-muted-foreground">
           {t('calendar.loading')}
         </span>
@@ -88,7 +88,7 @@ export function CalendarWidget({ config }: WidgetProps) {
   // No sources configured
   if (hasSources === false) {
     return (
-      <div className="flex h-full items-center justify-center p-4">
+      <div className="flex h-full items-center justify-center p-2">
         <span className="text-sm text-muted-foreground">
           {t('calendar.emptyNoSources')}
         </span>
@@ -99,7 +99,7 @@ export function CalendarWidget({ config }: WidgetProps) {
   // Sources exist but no events
   if (events.length === 0) {
     return (
-      <div className="flex h-full items-center justify-center p-4">
+      <div className="flex h-full items-center justify-center p-2">
         <span className="text-sm text-muted-foreground">
           {t('calendar.emptyNoEvents')}
         </span>
@@ -109,7 +109,7 @@ export function CalendarWidget({ config }: WidgetProps) {
 
   // Events list
   return (
-    <div className="flex h-full flex-col overflow-y-auto p-3">
+    <div className="flex h-full flex-col overflow-y-auto p-1.5">
       <ul className="space-y-2">
         {events.map((event) => (
           <li
diff --git a/apps/web/src/components/dashboard/widgets/favorites-widget.tsx b/apps/web/src/components/dashboard/widgets/favorites-widget.tsx
index e6edc89..22fb8ab 100644
--- a/apps/web/src/components/dashboard/widgets/favorites-widget.tsx
+++ b/apps/web/src/components/dashboard/widgets/favorites-widget.tsx
@@ -171,7 +171,7 @@ export function FavoritesWidget({
 
   // --- Render ---
   return (
-    <div className="flex flex-col h-full overflow-auto p-2 gap-2">
+    <div className="flex flex-col h-full overflow-auto p-1 gap-2">
       {/* View mode toggle (edit mode only) */}
       {isEditMode && (
         <div className="flex gap-1 widgetNoDrag" aria-label={t('favorites.name')}>
diff --git a/apps/web/src/components/dashboard/widgets/link-widget.tsx b/apps/web/src/components/dashboard/widgets/link-widget.tsx
index 2a8621d..53fecfd 100644
--- a/apps/web/src/components/dashboard/widgets/link-widget.tsx
+++ b/apps/web/src/components/dashboard/widgets/link-widget.tsx
@@ -235,7 +235,7 @@ export function LinkWidget({
 
   // --- Render ---
   return (
-    <div className="flex flex-col h-full overflow-auto p-2 gap-2">
+    <div className="flex flex-col h-full overflow-auto p-1 gap-2">
       {/* View mode toggle (edit mode only) */}
       {isEditMode && (
         <div className="flex gap-1 widgetNoDrag">
diff --git a/apps/web/src/components/dashboard/widgets/note-widget.tsx b/apps/web/src/components/dashboard/widgets/note-widget.tsx
index 0d0b17e..ca16c94 100644
--- a/apps/web/src/components/dashboard/widgets/note-widget.tsx
+++ b/apps/web/src/components/dashboard/widgets/note-widget.tsx
@@ -86,7 +86,7 @@ export function NoteWidget({ instanceId, config }: WidgetProps) {
   return (
     <div className="flex h-full flex-col overflow-hidden" data-color-mode="auto">
       {/* Header: title + pencil toggle */}
-      <div className="relative flex items-center border-b border-border px-3 py-1.5 gap-2">
+      <div className="relative flex items-center border-b border-border px-1.5 py-1.5 gap-2">
         <input
           type="text"
           className="flex-1 bg-transparent text-sm font-semibold text-foreground outline-none placeholder:text-muted-foreground"
diff --git a/apps/web/src/components/dashboard/widgets/search-widget.tsx b/apps/web/src/components/dashboard/widgets/search-widget.tsx
index ac22b5a..1fa31fd 100644
--- a/apps/web/src/components/dashboard/widgets/search-widget.tsx
+++ b/apps/web/src/components/dashboard/widgets/search-widget.tsx
@@ -86,7 +86,7 @@ export function SearchWidget({ instanceId, config }: WidgetProps) {
   );
 
   return (
-    <div className="flex h-full items-center gap-2 px-3">
+    <div className="flex h-full items-center gap-2 px-1.5">
       {/* Provider dropdown (D-14: ~120px left) */}
       <select
         role="combobox"
diff --git a/apps/web/src/components/layout/app-shell.tsx b/apps/web/src/components/layout/app-shell.tsx
index 8225d1e..7893fe6 100644
--- a/apps/web/src/components/layout/app-shell.tsx
+++ b/apps/web/src/components/layout/app-shell.tsx
@@ -30,8 +30,9 @@ export function AppShell({ children }: { children: React.ReactNode }) {
     <div className="min-h-screen bg-background">
       <Header />
       <Sidebar />
+      {/* Seitenrahmen seit quick-260916-bwo halbiert: p-3 (12 px) statt vorher 24 px (Stufe 6), gilt fuer alle Seiten. */}
       <main
-        className="app-shell-main min-h-[calc(100vh-var(--header-height))] transition-all duration-200 p-6"
+        className="app-shell-main min-h-[calc(100vh-var(--header-height))] transition-all duration-200 p-3"
         style={mounted ? { '--current-sidebar-width': sidebarWidth } as React.CSSProperties : undefined}
       >
         {children}