From 423b6b6792feca3ff5891bfc1d9f2181d8a00195 Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Thu, 15 Aug 2024 17:34:11 +0200
Subject: [PATCH] fix(verify-page): add mark styling

---
 src/pages/verify/index.tsx         | 3 +--
 src/pages/verify/style.module.scss | 9 +++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/verify/index.tsx b/src/pages/verify/index.tsx
index b5628db..aa79b73 100644
--- a/src/pages/verify/index.tsx
+++ b/src/pages/verify/index.tsx
@@ -104,10 +104,9 @@ const SlimPdfView = ({
                     {marks.map((m) => {
                       return (
                         <div
+                          className={styles.mark}
                           key={m.id}
                           style={{
-                            position: 'absolute',
-                            border: '1px dotted black',
                             left: inPx(m.location.left),
                             top: inPx(m.location.top),
                             width: inPx(m.location.width),
diff --git a/src/pages/verify/style.module.scss b/src/pages/verify/style.module.scss
index c368748..a0dec2f 100644
--- a/src/pages/verify/style.module.scss
+++ b/src/pages/verify/style.module.scss
@@ -74,3 +74,12 @@
   flex-direction: column;
   gap: 15px;
 }
+
+.mark {
+  position: absolute;
+  border: 1px dotted black;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}