From 2030f623a0c1665e9af68fa01d946dc7738cb0de Mon Sep 17 00:00:00 2001
From: Cadence Ember <cadence@disroot.org>
Date: Tue, 6 Oct 2020 23:45:09 +1300
Subject: [PATCH] Improve wrapping on mobile

---
 sass/includes/video-page.sass | 7 +++++++
 sass/main.sass                | 1 +
 2 files changed, 8 insertions(+)

diff --git a/sass/includes/video-page.sass b/sass/includes/video-page.sass
index c93c7e8..3fbf6fc 100644
--- a/sass/includes/video-page.sass
+++ b/sass/includes/video-page.sass
@@ -29,6 +29,9 @@
     margin: 8px 4px 16px
     font-size: 17px
 
+    @media screen and (max-width: 499px)
+      display: block
+
     .info-main
       flex: 1
 
@@ -54,6 +57,10 @@
       margin-top: 6px
       margin-left: 6px
 
+      @media screen and (max-width: 499px)
+        align-items: flex-start
+        margin-left: 0px
+
     .rating-bar
       margin-top: 8px
       width: 140px
diff --git a/sass/main.sass b/sass/main.sass
index f82b3ca..5d17dec 100644
--- a/sass/main.sass
+++ b/sass/main.sass
@@ -20,3 +20,4 @@
 
 .button-container
   display: flex
+  flex-wrap: wrap