From 1e0581a599400a9a27ea5f9aa5655ef269f6993f Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Fri, 24 Dec 2021 23:09:34 -0500
Subject: [PATCH] [O] Style Life tab

---
 src/views/About.vue |  2 ++
 src/views/Life.vue  | 15 +++------------
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/views/About.vue b/src/views/About.vue
index 8cb818f..3d24f1b 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -31,6 +31,8 @@ export default class About extends Vue
 #About
     width: min(600px, 80vw)
     margin: auto
+    padding-bottom: 100px
+    padding-top: 20px
 
 .emoji
     font-weight: normal
diff --git a/src/views/Life.vue b/src/views/Life.vue
index cc2facd..91177b3 100644
--- a/src/views/Life.vue
+++ b/src/views/Life.vue
@@ -99,10 +99,7 @@ export default class Blog extends Vue
 @import "src/css/colors"
 
 #Blog
-    background: #fdf9f1
-    margin: 20px auto 0
-    border-radius: 50px 50px 0 0
-    padding: 20px
+    margin: 20px auto
     font-size: 0.8em
     width: min(450px, 80vw)
 
@@ -112,7 +109,7 @@ export default class Blog extends Vue
 
 .post
     width: 100%
-    background: #f9f2e0
+    background: #fdf9f1
     border-radius: 20px
     margin-bottom: 20px
     padding: 12px 20px 8px
@@ -170,7 +167,7 @@ export default class Blog extends Vue
             background-repeat: no-repeat
             background-position: center
 
-            margin-right: 10px
+            margin-right: 2px
 
         .img:last-child
             margin-right: 0
@@ -200,12 +197,6 @@ export default class Blog extends Vue
 // Phone layout
 @media screen and (max-width: 570px)
     #Blog
-        border-radius: 0
-        padding: 0
-        background: unset
         margin: 20px 20px 0
         width: unset
-
-    .post
-        background-color: #fdf9f1
 </style>