From 7690c3d56c60b89893c7d68a7a9486f7e907fdb1 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 13:11:31 +0200
Subject: [PATCH] Add better resizable window and increase avatar size

---
 static/css/index.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index 487b7bb..285d7c2 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -24,10 +24,11 @@
 main {
   color: var(--font-color);
   font-size: var(--font-size);
-  margin-inline: 27%;
   padding: 2em 1em;
   font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
   color: var(--font-color);
+  margin: 0 auto;
+  max-width: 640px; /* breakpoint */
 }
 
 /* Name header */
@@ -49,17 +50,18 @@ main {
 }
 
 .avatar {
-  width: 65px;
+  width: 90px;
   border-radius: 50%;
   float: right;
 }
 
+/* breakpoint */
 @media only screen and (max-width: 640px) {
   main {
     margin-inline: 0;
   }
   .avatar {
-    visibility: collapse;
+    visibility: hidden;
   }
 }