From 6946a32f45dcf6344ff8276fd989d688ea5b686d Mon Sep 17 00:00:00 2001 From: Jared He <66887902+jaredjhe@users.noreply.github.com> Date: Mon, 30 Aug 2021 18:13:12 -0500 Subject: [PATCH 1/3] Fix mobile header --- pages/events/[year]/[term]/index.module.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/pages/events/[year]/[term]/index.module.css b/pages/events/[year]/[term]/index.module.css index ce7de862..df63c8e2 100644 --- a/pages/events/[year]/[term]/index.module.css +++ b/pages/events/[year]/[term]/index.module.css @@ -29,3 +29,10 @@ .main > .miniEventCards { margin-top: 0; } + +@media only screen and (max-width: calc(425rem / 16)) { + .header { + display: flex; + flex-direction: column; + } +} -- 2.39.2 From 4b5f111a1e9a7307a5117a127d246fed8aafba11 Mon Sep 17 00:00:00 2001 From: Jared He <66887902+jaredjhe@users.noreply.github.com> Date: Mon, 30 Aug 2021 19:11:13 -0500 Subject: [PATCH 2/3] Change styles --- pages/events/[year]/[term]/index.module.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/pages/events/[year]/[term]/index.module.css b/pages/events/[year]/[term]/index.module.css index df63c8e2..1de9a53e 100644 --- a/pages/events/[year]/[term]/index.module.css +++ b/pages/events/[year]/[term]/index.module.css @@ -8,10 +8,15 @@ border-bottom: 1px solid var(--primary-heading); } +.header { + display: flex; + flex-wrap: wrap; +} + .header a { color: var(--text); font-size: calc(18rem / 16); - margin-right: calc(30rem / 16); + margin-right: 1rem; } .header a .curTerm { @@ -30,9 +35,9 @@ margin-top: 0; } -@media only screen and (max-width: calc(425rem / 16)) { +/* @media only screen and (max-width: calc(425rem / 16)) { .header { display: flex; flex-direction: column; } -} +} */ -- 2.39.2 From c5bb9aa93e8fdd6a0c49ee3dab1baa03dd004e9c Mon Sep 17 00:00:00 2001 From: Jared He <66887902+jaredjhe@users.noreply.github.com> Date: Mon, 30 Aug 2021 19:11:53 -0500 Subject: [PATCH 3/3] Remove comment --- pages/events/[year]/[term]/index.module.css | 7 ------- 1 file changed, 7 deletions(-) diff --git a/pages/events/[year]/[term]/index.module.css b/pages/events/[year]/[term]/index.module.css index 1de9a53e..c2dfa8cd 100644 --- a/pages/events/[year]/[term]/index.module.css +++ b/pages/events/[year]/[term]/index.module.css @@ -34,10 +34,3 @@ .main > .miniEventCards { margin-top: 0; } - -/* @media only screen and (max-width: calc(425rem / 16)) { - .header { - display: flex; - flex-direction: column; - } -} */ -- 2.39.2