From 4f7e7bc3835401a95e033dbdb4e6262c469ccf23 Mon Sep 17 00:00:00 2001
From: Q <q@moonq.org>
Date: Sat, 14 Oct 2023 00:13:17 +0300
Subject: [PATCH] mobile folders

---
 mirva/resources/mirva.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/mirva/resources/mirva.css b/mirva/resources/mirva.css
index b7f93ab..c58b2d9 100644
--- a/mirva/resources/mirva.css
+++ b/mirva/resources/mirva.css
@@ -180,14 +180,24 @@ a:hover {}
   font-size: 15px;
 }
 
-.folders .folder_thumb {
+.folder_thumb {
   width: 150px;
   height: 40px;
   background-size: cover;
   vertical-align: middle;
   margin-right: 2em;
   display: inline-block;
-  background-position: center;
+  background-position: top;
+}
+
+@media only screen and (max-width: 800px) {
+  .folder_wrapper {
+    text-align: center;
+  }
+  .folder_thumb {
+    width: 100vw;
+    height: 80px;
+  }
 }
 
 .post .title {
@@ -300,4 +310,4 @@ a:hover {}
 
 .float_down {
   float: left;
-}
\ No newline at end of file
+}