From f7e70b649f78094b95b2b14d491b56c385824a5d Mon Sep 17 00:00:00 2001
From: Sandro <mail@sandrodach.de>
Date: Tue, 27 Oct 2026 11:54:56 +0100
Subject: [PATCH] style: expand Workspace To-Dos and Hashtags views to full
 container width

---
 frontend/src/features/workspace/WorkspaceView.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/features/workspace/WorkspaceView.tsx b/frontend/src/features/workspace/WorkspaceView.tsx
index 0aa8cb7..dc75893 100644
--- a/frontend/src/features/workspace/WorkspaceView.tsx
+++ b/frontend/src/features/workspace/WorkspaceView.tsx
@@ -1419,8 +1419,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
           /* =========================================================================
              HASHTAG OVERVIEW & TILE DIRECTORY (KACHEL-ANSICHT MIT SUCHE)
              ========================================================================= */
-          <div className="flex-1 overflow-y-auto p-4 sm:p-8 bg-canvas">
-            <div className="max-w-4xl mx-auto space-y-5">
+          <div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
+            <div className="w-full space-y-5">
               {/* Header with Title and Search Controls */}
               <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
                 <div>
@@ -1511,7 +1511,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
                   )}
                 </div>
               ) : (
-                <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3.5">
+                <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-3.5">
                   {filteredTags.map((t) => {
                     const meta = tagsMetadataMap.get(t.tag.toLowerCase());
                     return (
@@ -1585,8 +1585,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
             </div>
           </div>
         ) : subView === 'tag_detail' && selectedTag ? (
-          <div className="flex-1 overflow-y-auto p-4 sm:p-8 bg-canvas">
-            <div className="max-w-3xl mx-auto space-y-4">
+          <div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
+            <div className="w-full space-y-4">
               {/* Back to all tags */}
               <div className="flex items-center justify-between border-b border-border pb-3">
                 <button
@@ -1791,8 +1791,8 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
             </div>
           </div>
         ) : subView === 'todos' ? (
-          <div className="flex-1 overflow-y-auto p-4 sm:p-8 bg-canvas">
-            <div className="max-w-3xl mx-auto space-y-4">
+          <div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
+            <div className="w-full space-y-4">
               <div className="flex flex-col sm:flex-row sm:items-center justify-between border-b border-border pb-3 gap-2">
                 <div>
                   <h2 className="text-lg font-bold text-main">