schedule responsive style

[alttp.git] / resources / sass / episodes.scss

diff --git a/resources/sass/episodes.scss b/resources/sass/episodes.scss
index 45582a06fd8b99746fde2861c1db6a2a0b870f8d..eed191331be3d897508843e7313e232d517100b9 100644 (file)
--- a/resources/sass/episodes.scss
+++ b/resources/sass/episodes.scss
@@ -22,6 +22,11 @@
        .episode-start {
                width: 4rem;
        }
+       @include media-breakpoint-up(md) {
+               .episode-body {
+                       margin-left: 5rem;
+               }
+       }
        .episode-channel-links > * {
                margin: 0.5ex 0;
                &:first-child {
@@ -35,6 +40,11 @@
                display: grid;
                grid-template-columns: 1fr 1fr;
        }
+       @include media-breakpoint-down(md) {
+               .episode-event {
+                       margin-left: 5rem;
+               }
+       }
 
        .event-link {
                color: inherit;