From f9fbdc9963c37b8ee46196de3349d6769839da4d Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Mon, 9 Nov 2020 11:12:52 +0530
Subject: [PATCH] profile-mode: improvements

- update css logic
- rm redundant code
- reduce image size, it looks big imo
---
 assets/css/profile-mode.css | 36 +++++++++++++++---------------------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/assets/css/profile-mode.css b/assets/css/profile-mode.css
index 8c218043..121163ac 100644
--- a/assets/css/profile-mode.css
+++ b/assets/css/profile-mode.css
@@ -1,39 +1,33 @@
-.main {
+.main .profile {
+    position: absolute;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 80%;
     text-align: center;
-    display: table;
 }
 
-.main>.profile {
-    display: table-cell;
-    vertical-align: middle;
-}
-
-.main>.profile>.profile_inner {
-    transform: translate(0, -10%);
-}
-
-.profile_inner h1 {
+.profile .profile_inner h1 {
     padding: 12px 0;
 }
 
-.profile_inner span {
+.profile .profile_inner span {
     padding: 10px 0;
     font-size: 18px;
 }
 
-img {
+.profile img {
     display: inline-table;
-    width: 180px;
+    width: 150px;
     border-radius: 50%;
     pointer-events: none;
 }
 
 @media screen and (max-width: 600px) {
-    img {
-        width: 150px;
-    }
-    .main>.profile>.profile_inner {
-        transform: translate(0, 0);
+    .profile img {
+        width: 120px;
     }
 }
 
@@ -59,4 +53,4 @@ img {
 
 .button:active {
     transform: scale(0.96);
-}
\ No newline at end of file
+}