ui/improve css

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 {

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%}