From 12fe476e97e2d907fcb41baa87bd8e1ca74f1b80 Mon Sep 17 00:00:00 2001
From: Eugene <eugene@nostrdev.com>
Date: Tue, 6 Aug 2024 12:46:42 +0300
Subject: [PATCH] fix: styling

---
 src/pages/create/index.tsx         | 5 +++--
 src/pages/create/style.module.scss | 2 ++
 src/pages/sign/index.tsx           | 7 +++----
 src/pages/sign/style.module.scss   | 2 ++
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/pages/create/index.tsx b/src/pages/create/index.tsx
index 7224a74..78ac3a7 100644
--- a/src/pages/create/index.tsx
+++ b/src/pages/create/index.tsx
@@ -63,6 +63,7 @@ import styles from './style.module.scss'
 import { PdfFile } from '../../types/drawing'
 import { DrawPDFFields } from '../../components/DrawPDFFields'
 import { Mark } from '../../types/mark.ts'
+import { Container } from '../../components/Container'
 
 export const CreatePage = () => {
   const navigate = useNavigate()
@@ -693,7 +694,7 @@ export const CreatePage = () => {
   return (
     <>
       {isLoading && <LoadingSpinner desc={loadingSpinnerDesc} />}
-      <Box className={styles.container}>
+      <Container className={styles.container}>
         <TextField
           label="Title"
           value={title}
@@ -782,7 +783,7 @@ export const CreatePage = () => {
             Create
           </Button>
         </Box>
-      </Box>
+      </Container>
     </>
   )
 }
diff --git a/src/pages/create/style.module.scss b/src/pages/create/style.module.scss
index 2d2027d..395936b 100644
--- a/src/pages/create/style.module.scss
+++ b/src/pages/create/style.module.scss
@@ -6,6 +6,8 @@
   color: $text-color;
   margin-top: 10px;
   gap: 10px;
+  width: 550px;
+  max-width: 550px;
 
   .inputBlock {
     display: flex;
diff --git a/src/pages/sign/index.tsx b/src/pages/sign/index.tsx
index d7de575..3b6836b 100644
--- a/src/pages/sign/index.tsx
+++ b/src/pages/sign/index.tsx
@@ -31,11 +31,11 @@ import {
   signEventForMetaFile,
   updateUsersAppData
 } from '../../utils'
+import { Container } from '../../components/Container'
 import { DisplayMeta } from './internal/displayMeta'
 import styles from './style.module.scss'
 import { PdfFile } from '../../types/drawing.ts'
 import { convertToPdfFile } from '../../utils/pdf.ts'
-// import PdfView from '../../components/PDFView'
 import { CurrentUserMark, Mark } from '../../types/mark.ts'
 import { getLastSignersSig } from '../../utils/sign.ts'
 import {
@@ -44,7 +44,6 @@ import {
   isCurrentUserMarksComplete, updateMarks
 } from '../../utils'
 import PdfMarking from '../../components/PDFView/PdfMarking.tsx'
-import { Container } from '../../components/Container'
 enum SignedStatus {
   Fully_Signed,
   User_Is_Next_Signer,
@@ -848,7 +847,7 @@ export const SignPage = () => {
   if (isReadyToSign) {
     return (
       <>
-        <Box className={styles.container}>
+        <Container className={styles.container}>
           {displayInput && (
             <>
               <Typography component="label" variant="h6">
@@ -914,7 +913,7 @@ export const SignPage = () => {
               )}
             </>
           )}
-        </Box>
+        </Container>
       </>
     )
   }
diff --git a/src/pages/sign/style.module.scss b/src/pages/sign/style.module.scss
index b7b7268..10d03d3 100644
--- a/src/pages/sign/style.module.scss
+++ b/src/pages/sign/style.module.scss
@@ -2,6 +2,8 @@
 
 .container {
   color: $text-color;
+  width: 550px;
+  max-width: 550px;
 
   .inputBlock {
     position: relative;