diff --git a/apps/nextjs/styles/Schedule.event.module.scss b/apps/nextjs/styles/Schedule.event.module.scss index 931c9f7..a9ca561 100644 --- a/apps/nextjs/styles/Schedule.event.module.scss +++ b/apps/nextjs/styles/Schedule.event.module.scss @@ -186,9 +186,11 @@ $normalWidth: 800px; border-bottom: 2px solid $secondary; } - // .runs { - // padding: 0 1rem; - // } + .runs { + @include breakpoint($sm-zero-only) { + padding: 0 1rem; + } + } .run { padding: 16px; @@ -204,6 +206,7 @@ $normalWidth: 800px; @include breakpoint($sm-zero-only) { border-radius: 16px; padding: 8px; + padding-bottom: 12px; } &[run-odd="true"] { @@ -230,12 +233,13 @@ $normalWidth: 800px; font-family: Russo One; font-size: 170%; margin-bottom: -0.25rem; - max-width: 65%; + max-width: 60%; padding-top: 0; line-height: 100%; @include breakpoint($sm-zero-only) { max-width: 100%; + padding: 16px; } } @@ -253,7 +257,6 @@ $normalWidth: 800px; gap: 32px; grid-template-columns: 1fr auto 1fr; color: var(--colour-accent); - padding: 0 8px; @include breakpoint($sm-zero-only) { display: flex; @@ -309,6 +312,7 @@ $normalWidth: 800px; @include breakpoint($sm-zero-only) { position: relative; width: 100%; + line-height: unset; } } @@ -370,7 +374,6 @@ $normalWidth: 800px; border-left: 3px solid white; border-right: 3px solid white; border-radius: 0 0 8px 8px; - margin-bottom: 0.5rem; } }