From bfd0cc0bc23f6ebd2efb01c94ee951fc9723249a Mon Sep 17 00:00:00 2001
From: 27chan <27chan@protonmail.com>
Date: Wed, 1 Jun 2022 11:46:28 -0300
Subject: [PATCH] Adjust css theme

Fix responsive
---
 templates/themes/recent/recent.css      |  12 ++
 templates/themes/recent/recent_dark.css | 152 +++++++++++++-----------
 templates/themes/recent/recent_fs.css   |  12 ++
 3 files changed, 106 insertions(+), 70 deletions(-)

diff --git a/templates/themes/recent/recent.css b/templates/themes/recent/recent.css
index 7b9f2333..ecf60b2a 100644
--- a/templates/themes/recent/recent.css
+++ b/templates/themes/recent/recent.css
@@ -47,4 +47,16 @@
 .box img {
 	float: none;
 	margin: 10px auto;
+}
+
+@media screen and (max-width: 696px) {
+	.box-wrap {
+		overflow: visible;
+	}
+	.box {
+		width: 100%;
+	}
+	.box ul {
+		text-align: center;
+	}
 }
\ No newline at end of file
diff --git a/templates/themes/recent/recent_dark.css b/templates/themes/recent/recent_dark.css
index c59214ac..1e696bb0 100644
--- a/templates/themes/recent/recent_dark.css
+++ b/templates/themes/recent/recent_dark.css
@@ -1,73 +1,85 @@
 body {
-    color: #CCCCCC;
-    background: #1E1E1E;
-}
-
-header div.subtitle, h1 {
-    color: #CCCCCC;
-}
-
-a:link, a:visited, p.intro a.email span.name {
         color: #CCCCCC;
-        text-decoration: underline;
-        font-family: sans-serif;
-}
-a:link:hover, a:visited:hover {
-        color: #FF0000;
-        font-family: sans-serif;
-        text-decoration: underline overline;
-}
- 
-.box-wrap {
-        max-width: 670px;
-        min-width: 332px;
-        margin: 30px auto;
-        overflow: auto;
-        padding: 0;
-}
-.box {
-        background: white;
-        border: 1px solid #98E;
-        width: 330px;
-        margin: 8px 0;
-        padding: 0;
-}
-.box ul {
-        padding: 2px 15px;
-}
-.box ul li {
-        list-style: none;
-        margin: 0;
-}
-.box.left {
-        background: #333333;
+        background: #1E1E1E;
+    }
+    
+    header div.subtitle, h1 {
         color: #CCCCCC;
-        border: #555555 1px solid;
-        float: left;
-}
-.box.right {
-        background: #333333;
-        color: #CCCCCC;
-        border: #555555 1px solid;
-        float: right;
-}
- 
-.box h2 {
-        padding: 3px 7px;
-        font-size: 12pt;
-        border: #555555 1px solid;
-}
-.box.left h2 {
-        background: #333333;
-        color: #CCCCCC;
-        border: #555555 1px solid;
-}
-.box.right h2 {
-        background: #333333;
-        color: #CCCCCC;
-        border: #555555 1px solid;
-}
-.box img {
-        float: none;
-        margin: 10px auto;
-}
+    }
+    
+    a:link, a:visited, p.intro a.email span.name {
+            color: #CCCCCC;
+            text-decoration: underline;
+            font-family: sans-serif;
+    }
+    a:link:hover, a:visited:hover {
+            color: #FF0000;
+            font-family: sans-serif;
+            text-decoration: underline overline;
+    }
+     
+    .box-wrap {
+            max-width: 670px;
+            min-width: 332px;
+            margin: 30px auto;
+            overflow: auto;
+            padding: 0;
+    }
+    .box {
+            background: white;
+            border: 1px solid #98E;
+            width: 330px;
+            margin: 8px 0;
+            padding: 0;
+    }
+    .box ul {
+            padding: 2px 15px;
+    }
+    .box ul li {
+            list-style: none;
+            margin: 0;
+    }
+    .box.left {
+            background: #333333;
+            color: #CCCCCC;
+            border: #555555 1px solid;
+            float: left;
+    }
+    .box.right {
+            background: #333333;
+            color: #CCCCCC;
+            border: #555555 1px solid;
+            float: right;
+    }
+     
+    .box h2 {
+            padding: 3px 7px;
+            font-size: 12pt;
+            border: #555555 1px solid;
+    }
+    .box.left h2 {
+            background: #333333;
+            color: #CCCCCC;
+            border: #555555 1px solid;
+    }
+    .box.right h2 {
+            background: #333333;
+            color: #CCCCCC;
+            border: #555555 1px solid;
+    }
+    .box img {
+            float: none;
+            margin: 10px auto;
+    }
+    
+    @media screen and (max-width: 696px) {
+            .box-wrap {
+                    overflow: visible;
+            }
+            .box {
+                    width: 100%;
+            }
+            .box ul {
+                    text-align: center;
+            }
+    }
\ No newline at end of file
diff --git a/templates/themes/recent/recent_fs.css b/templates/themes/recent/recent_fs.css
index 26aed668..5c6dc532 100644
--- a/templates/themes/recent/recent_fs.css
+++ b/templates/themes/recent/recent_fs.css
@@ -55,3 +55,15 @@ body {
 header div.subtitle, h1 {
     color: #888A8C;
 }
+
+@media screen and (max-width: 696px) {
+	.box-wrap {
+		overflow: visible;
+	}
+	.box {
+		width: 100%;
+	}
+	.box ul {
+		text-align: center;
+        }
+}
\ No newline at end of file