From f7d1db4dd5426185203ac06b658f1af4087c1736 Mon Sep 17 00:00:00 2001
From: cuom1999 <lephuocdinh99@gmail.com>
Date: Sun, 5 Jun 2022 11:29:59 -0500
Subject: [PATCH] Fix mobile css

---
 resources/blog.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/blog.scss b/resources/blog.scss
index a9680cd..6f94f81 100644
--- a/resources/blog.scss
+++ b/resources/blog.scss
@@ -155,6 +155,7 @@
     overflow: hidden;
     overflow-wrap: anywhere;
     padding-bottom: 1em;
+    clear: both;
 }
 .problem-feed-name {
     display: inline;
@@ -172,7 +173,6 @@
 }
 
 .left-sidebar-item {
-    padding: 0.8em 0.2em 0.8em 1em;
     .sidebar-icon {
         width: 1.2em;
         display: inline-block;
@@ -205,11 +205,13 @@
 .pre-expand-blog:hover {
     background-color: #f3f3f3;
 }
+
 @media (max-width: 799px) {
     .left-sidebar-header {
         display: none;
     }
     .left-sidebar-item {
+        padding: 0.8em 0.2em 0.8em 0.2em;
         display: inline-block;
         flex: 1;
         border-radius: 8px;
@@ -226,6 +228,9 @@
     }
 }
 @media (min-width: 800px) {
+    .left-sidebar-item {
+        padding: 0.8em 0.2em 0.8em 1em;
+    }
     .middle-content, .blog-sidebar, .right-sidebar {
         display: block !important;
     }