From 34be57404a223b0c7c1e3227703a65a9052b5b19 Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Thu, 7 Sep 2023 19:26:37 +0200
Subject: [PATCH] improved layout of showcase on mobile

---
 web/style.css | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/web/style.css b/web/style.css
index c9d498d..bbaef47 100644
--- a/web/style.css
+++ b/web/style.css
@@ -91,22 +91,24 @@ pre.highlight {
 .feature-title,
 .community-content-box-content {
     margin-top: 10px;
+    margin-left: auto;
+    margin-right: auto;
     padding: 10px;
     color: white;
     background: rgb(0, 0, 0, 0.7);
     position: absolute;
     text-align: center;
-    transform: translate(-50%, 0);
-    left: 50%;
+    left: 0;
+    right: 0;
     top: 0;
-    white-space: nowrap;
+    width: fit-content;
+    max-width: 75%;
 }
 
 .community-content-box-content {
-    margin: 0;
+    margin-bottom: 50px;
     top: auto;
-    bottom: 50px;
-    white-space: initial;
+    bottom: 0;
 }
 
 .community-content-box {
@@ -265,4 +267,14 @@ body.dark-mode hr {
         margin-left: auto;
         margin-right: auto;
     }
+
+    .feature-title,
+    .community-content-box-content {
+        max-width: 95%;
+        margin-bottom: 20px;
+    }
+
+    .community-desc {
+        display: none;
+    }
 }