Improve wrapping on mobile

2024-11-22 07:37:29 +00:00 · 2020-10-06 23:45:09 +13:00 · 2020-10-06 23:45:09 +13:00 · 2030f623a0
commit 2030f623a0
parent 5c3a4df209
2 changed files with 8 additions and 0 deletions
--- 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
--- a/sass/main.sass
+++ b/sass/main.sass
@ -20,3 +20,4 @@

 .button-container
  display: flex
+  flex-wrap: wrap