From 7f8b4a12cfd052965cf9b696670fea5a4093a331 Mon Sep 17 00:00:00 2001
From: james-xli <jl2550@gmail.com>
Date: Wed, 18 Dec 2024 23:07:22 -0800
Subject: [PATCH] fix: Add margin around page container (#38)

Add margin around page container so that the recognized text of one page doesn't run into that of the next page. 1.2em seems like a reasonable amount for readability. Could maybe go slightly higher.

I also added some margin on the bottom of the recognized text so it's not too close to the image of the page.
---
 styles.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/styles.css b/styles.css
index e050c0f..9ae6186 100644
--- a/styles.css
+++ b/styles.css
@@ -21,10 +21,11 @@ button.mod-cta {
 .page-recognized-text {
     user-select: text; 
     white-space: pre-line; 
-    margin-top: 1.2em;
+    margin: 1.2em 0;
 }
 
 div.page-container {
     display: inline-block; 
     vertical-align: top;
+    margin: 1.2em;
 }
\ No newline at end of file