From 9d5b5d4a2ac1674bf0aa9ae45d33bc8d1ec3d66f Mon Sep 17 00:00:00 2001
From: SouthFox <master@southfox.me>
Date: Thu, 1 Dec 2022 16:30:18 +0800
Subject: [PATCH] ui/improve css

---
 BDSM/commands.py         | 11 ++++++++++-
 BDSM/templates/toot.html |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/BDSM/commands.py b/BDSM/commands.py
index 1f6dbcb..6ffac5a 100644
--- a/BDSM/commands.py
+++ b/BDSM/commands.py
@@ -34,6 +34,15 @@ def renderfile():
                 font-size: 14px;
                 font-family: Helvetica, Arial, sans-serif;
             }
+            @media screen and (max-width:720px){
+                body {
+                    margin: auto !important;
+                    padding: 5px;
+                    max-width: 580px;
+                    font-size: 14px;
+                    font-family: Helvetica, Arial, sans-serif;
+                }
+            }
             .toot {
                 padding-top: 10px;
                 padding-bottom: 10px;
@@ -41,7 +50,7 @@ def renderfile():
             .status {
                 border: 1px solid #393f4f;
             }
-            .toot-media{
+            .toot-media {
                 width: 100%;
             }
             .meta .time {
diff --git a/BDSM/templates/toot.html b/BDSM/templates/toot.html
index 6d71985..839bc40 100644
--- a/BDSM/templates/toot.html
+++ b/BDSM/templates/toot.html
@@ -44,7 +44,7 @@
             </div>
                 {% elif media.type in ['gifv','video','audio'] %}
             <div class="col-lg-6">
-                <video controls src="{{ media.url }}" class="w-100 shadow-1-strong rounded" alt="{{ media.description }}"/></video>
+                <video controls src="{{ media.url }}" class="toot-media" alt="{{ media.description }}"/></video>
             </div>
                 {% endif %}
             {% endfor%}