From d72abd15fb28a3a1eb8878e54ec38b037a132a99 Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Fri, 20 Jun 2025 11:32:34 +0200
Subject: [PATCH] feat: optimize fonts on the dynamic activities

---
 .../Activities/DynamicCanva/DynamicCanva.tsx  | 22 ++++++++--------
 apps/web/components/Objects/Editor/Editor.tsx | 25 ++++++++-----------
 2 files changed, 20 insertions(+), 27 deletions(-)

diff --git a/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx b/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
index 2057a11d..e74dad42 100644
--- a/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
+++ b/apps/web/components/Objects/Activities/DynamicCanva/DynamicCanva.tsx
@@ -203,35 +203,33 @@ const ContentWrapper = styled.div`
     caret-color: transparent;
 
     h1 {
-      font-size: 30px;
+      font-size: 32px;
       font-weight: 600;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     h2 {
-      font-size: 25px;
+      font-size: 28px;
       font-weight: 600;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     h3 {
-      font-size: 20px;
+      font-size: 24px;
       font-weight: 600;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     h4 {
-      font-size: 18px;
+      font-size: 20px;
       font-weight: 600;
-      margin-top: 10px;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     h5 {
-      font-size: 16px;
+      font-size: 18px;
       font-weight: 600;
-      margin-top: 10px;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     // Link styling
diff --git a/apps/web/components/Objects/Editor/Editor.tsx b/apps/web/components/Objects/Editor/Editor.tsx
index 9634e380..3a6def37 100644
--- a/apps/web/components/Objects/Editor/Editor.tsx
+++ b/apps/web/components/Objects/Editor/Editor.tsx
@@ -443,38 +443,33 @@ export const EditorContentWrapper = styled.div`
 
   .ProseMirror {
     h1 {
-      font-size: 30px;
+      font-size: 32px;
       font-weight: 600;
-      margin-top: 10px;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     h2 {
-      font-size: 25px;
+      font-size: 28px;
       font-weight: 600;
-      margin-top: 10px;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     h3 {
-      font-size: 20px;
+      font-size: 24px;
       font-weight: 600;
-      margin-top: 10px;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     h4 {
-      font-size: 18px;
+      font-size: 20px;
       font-weight: 600;
-      margin-top: 10px;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     h5 {
-      font-size: 16px;
+      font-size: 18px;
       font-weight: 600;
-      margin-top: 10px;
-      margin-bottom: 10px;
+      margin-bottom: 24px;
     }
 
     // Link styling