From cda62654a0ddc33e0736af99d33a6fb73548dd12 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 16:56:14 +0200
Subject: [PATCH] completly fix avatar position on smol screen

---
 static/css/index.css | 8 +++-----
 static/css/style.css | 1 +
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index 6e85ea3..69f1014 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -46,13 +46,11 @@
 
 /* breakpoint */
 @media only screen and (max-width: 640px) {
-  .avatar {
+  #avatar {
     position: absolute;
     width: calc(var(--font-size) * 4);
-    transform: translate(
-      calc(var(--font-size) * -19),
-      calc(var(--font-size) * -3.7)
-    );
+    left: 10px;
+    top: -30px;
   }
 }
 
diff --git a/static/css/style.css b/static/css/style.css
index 26da1c9..078bef8 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -16,6 +16,7 @@ a:hover {
 }
 
 main {
+  position: relative;
   color: var(--font-color);
   font-size: var(--font-size);
   padding: 2em 1em;