From ecb570126e31a914a2bc1f239b959be27d67e602 Mon Sep 17 00:00:00 2001
From: Uri Shaked <uri@urishaked.com>
Date: Sun, 7 Apr 2024 22:23:02 +0300
Subject: [PATCH] fix(home): broken layout on mobile

also some small CSS refactoring in the global css file
---
 src/components/Home.module.css |  3 ++-
 src/index.css                  | 10 +++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Home.module.css b/src/components/Home.module.css
index b1f171b..b5860f1 100644
--- a/src/components/Home.module.css
+++ b/src/components/Home.module.css
@@ -1,7 +1,8 @@
 .page {
   flex: 1;
   margin: 0 auto;
-  width: 800px;
+  max-width: 800px;
+  padding: 8px;
 }
 
 .urlInput {
diff --git a/src/index.css b/src/index.css
index 370aa58..2508393 100644
--- a/src/index.css
+++ b/src/index.css
@@ -6,20 +6,20 @@
 body {
   margin: 0;
   padding: 0;
+
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   line-height: 1.6;
-  color: #333;
+  background-color: #000;
+  color: #ddd;
 
-  display: flex;
   position: absolute;
+  display: flex;
+  flex-direction: column;
   top: 0;
   bottom: 0;
   width: 100vw;
   height: 100vh;
-  flex-direction: column;
-  background-color: #000;
-  color: #ddd;
 }
 
 a {