From 0f1231e5723172b79d674f8014ce26afbcc559c3 Mon Sep 17 00:00:00 2001
From: Alexey Zinoviev <alexey.zinoviev@xored.com>
Date: Mon, 22 Jul 2024 10:56:34 +0400
Subject: [PATCH] EZQMS-1140: Controlled doc content display improvements
 (#6110)

Signed-off-by: Alexey Zinoviev <alexey.zinoviev@xored.com>
---
 .../src/components/document/DocSectionEditor.svelte  | 12 +++++++++++-
 .../src/components/document/EditDocContent.svelte    |  4 ++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/plugins/controlled-documents-resources/src/components/document/DocSectionEditor.svelte b/plugins/controlled-documents-resources/src/components/document/DocSectionEditor.svelte
index 52ff4ba154..4ff3c11d6c 100644
--- a/plugins/controlled-documents-resources/src/components/document/DocSectionEditor.svelte
+++ b/plugins/controlled-documents-resources/src/components/document/DocSectionEditor.svelte
@@ -154,7 +154,9 @@
     <slot name="before-header" />
   </svelte:fragment>
   <svelte:fragment slot="index">
-    {index + 1}
+    <span class="sectionTitle">
+      {index + 1}
+    </span>
   </svelte:fragment>
   <svelte:fragment slot="header">
     <!-- svelte-ignore a11y-click-events-have-key-events -->
@@ -164,6 +166,7 @@
       class:text-editor-highlighted-node-warning={isActiveSectionNode ||
         $groupedDocumentComments.hasDocumentComments(value.key)}
       class:text-editor-highlighted-node-selected={isActiveSectionNode}
+      class="sectionTitle"
       bind:this={sectionElement}
       on:click={handleDisplayDocumentComments}
     >
@@ -203,3 +206,10 @@
     />
   </svelte:fragment>
 </FieldSectionEditor>
+
+<style lang="scss">
+  .sectionTitle {
+    font-size: 1.75rem;
+    line-height: 150%;
+  }
+</style>
diff --git a/plugins/controlled-documents-resources/src/components/document/EditDocContent.svelte b/plugins/controlled-documents-resources/src/components/document/EditDocContent.svelte
index 3083bab428..d41106f73d 100644
--- a/plugins/controlled-documents-resources/src/components/document/EditDocContent.svelte
+++ b/plugins/controlled-documents-resources/src/components/document/EditDocContent.svelte
@@ -214,6 +214,7 @@
             </div>
           {/each}
         {/if}
+        <div class="bottomSpacing no-print" />
       </div>
     </Scroller>
   </div>
@@ -269,6 +270,9 @@
     }
   }
 
+  .bottomSpacing {
+    padding-bottom: 30vh;
+  }
   .drag-over-highlight {
     opacity: 0.2;
   }