From e4d5c44aae35a672988c4ef6f0cad2a19a78911c Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Sun, 25 May 2025 22:32:49 +0200
Subject: [PATCH] feat: adjust layout of DynamicCanva and TableOfContents for
 improved responsiveness

---
 .../Objects/Activities/DynamicCanva/DynamicCanva.tsx     | 9 +++++++++
 .../Objects/Activities/DynamicCanva/TableOfContents.tsx  | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx b/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
index f2f84439..c77525e2 100644
--- a/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
+++ b/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
@@ -162,6 +162,15 @@ const ContentWrapper = styled.div`
   width: 100%;
   height: 100%;
 
+  > div:first-child {
+    width: 20%;
+    padding-right: 1rem;
+  }
+
+  > div:last-child {
+    width: 80%;
+  }
+
   .ProseMirror {
     flex: 1;
     padding: 1rem;
diff --git a/apps/web/components/Objects/Activities/DynamicCanva/TableOfContents.tsx b/apps/web/components/Objects/Activities/DynamicCanva/TableOfContents.tsx
index 72243266..558c41ac 100644
--- a/apps/web/components/Objects/Activities/DynamicCanva/TableOfContents.tsx
+++ b/apps/web/components/Objects/Activities/DynamicCanva/TableOfContents.tsx
@@ -73,7 +73,7 @@ const TableOfContents = ({ editor }: TableOfContentsProps) => {
 }
 
 const TOCCard = styled.div`
-  width: 20%;
+  width: 100%;
   background: none;
   border: none;
   box-shadow: none;