From 244c0ee4c189ac1b598313f8d207784d0ebc1aa3 Mon Sep 17 00:00:00 2001
From: Albrecht Degering <albrecht@degering.name>
Date: Tue, 18 Aug 2026 21:32:42 +0200
Subject: [PATCH] feat: align workflow with shared UI foundations

---
 src/govoplan_workflow/backend/manifest.py | 12 ++++++++++++
 webui/src/styles/workflow.css             |  8 ++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/govoplan_workflow/backend/manifest.py b/src/govoplan_workflow/backend/manifest.py
index 357c3d5..108136f 100644
--- a/src/govoplan_workflow/backend/manifest.py
+++ b/src/govoplan_workflow/backend/manifest.py
@@ -9,6 +9,7 @@ from govoplan_core.core.modules import (
     ModuleInterfaceRequirement,
     ModuleManifest,
     NavItem,
+    ProductAreaContribution,
     ViewSurface,
 )
 from govoplan_core.core.provider_governance import declared_module_architecture
@@ -81,6 +82,17 @@ manifest = ModuleManifest(
                 order=74,
             ),
         ),
+        product_areas=(
+            ProductAreaContribution(
+                id="work",
+                module_id=MODULE_ID,
+                label="i18n:govoplan-core.product_area.work",
+                icon="list-checks",
+                description="i18n:govoplan-core.product_area.work_description",
+                surface_ids=("workflow.nav.workflow", "workflow.route.workflow"),
+                order=10,
+            ),
+        ),
         view_surfaces=(
             ViewSurface(
                 id="workflow.widget.open-work",
diff --git a/webui/src/styles/workflow.css b/webui/src/styles/workflow.css
index 528d809..ccb7d65 100644
--- a/webui/src/styles/workflow.css
+++ b/webui/src/styles/workflow.css
@@ -253,7 +253,7 @@
   min-height: 56px;
   box-sizing: border-box;
   border: 1px solid var(--line-dark);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--panel);
   box-shadow: var(--shadow-xs);
   padding: 8px 10px;
@@ -307,7 +307,7 @@
   height: 42px;
   flex-basis: 42px;
   border: 2px solid var(--text-strong);
-  border-radius: 50%;
+  border-radius: var(--radius-round);
   background: var(--panel);
 }
 
@@ -329,7 +329,7 @@
   height: 42px;
   flex-basis: 42px;
   border: 2px solid var(--text-strong);
-  border-radius: 2px;
+  border-radius: var(--radius-hairline);
   background: var(--panel);
   transform: rotate(45deg);
 }
@@ -742,7 +742,7 @@
   text-align: center;
 }
 
-@media (max-width: 1180px) {
+@media (max-width: 1280px) {
   .workflow-workspace-toolbar {
     align-items: stretch;
     flex-direction: column;