From 65ba8028d8d9d14586999ae30364b076605e81ac Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Thu, 9 Mar 2023 23:47:22 +1000
Subject: [PATCH] update resume layout

---
 public/static/main.css      |  1 +
 public/static/ui/resume.css |  4 ----
 view/page/resume.pug        | 11 ++++++-----
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/public/static/main.css b/public/static/main.css
index d7ea583..9905680 100644
--- a/public/static/main.css
+++ b/public/static/main.css
@@ -64,6 +64,7 @@ a:visited {
 }
 .main_contents {
     padding: 16px 12px;
+    height: 100%;
 }
 .flag_hr {
     background: linear-gradient(0,#5BCEFA 20%,#F5A9B8 20%,40%,#FFFFFF 40%,60%,#F5A9B8 60%,80%,#5BCEFA 80%);
diff --git a/public/static/ui/resume.css b/public/static/ui/resume.css
index 1cf4ccd..c518edb 100644
--- a/public/static/ui/resume.css
+++ b/public/static/ui/resume.css
@@ -7,10 +7,6 @@ div#resume_js_app {
     box-shadow: 0 2px 4px #30303060;
     padding: 10px 8px;
     color: #e1e1e1;
-
-    position: fixed;
-    top:50%;left:50%;
-    transform: translate(-50%, -50%);
 }
 div#resume_js_app * {
     padding: 0; margin: 0;
diff --git a/view/page/resume.pug b/view/page/resume.pug
index 39563d3..975ed2e 100644
--- a/view/page/resume.pug
+++ b/view/page/resume.pug
@@ -6,8 +6,9 @@ block root
 block content
     h2 My online resume
     hr
-    div(id='resume_js_app')
-        p(class='js_loading_indicator')
-            | JS is loading. Please hold on...
-            br
-            img(src='/static/ui/load.gif' style='border-radius:4px;margin-top:6px')
\ No newline at end of file
+    div(class='resume_app_container')
+        div(id='resume_js_app')
+            p(class='js_loading_indicator')
+                | JS is loading. Please hold on...
+                br
+                img(src='/static/ui/load.gif' style='border-radius:4px;margin-top:6px')
\ No newline at end of file