From 91fc14cffcc1d81c02cea272a9eca1d5172f56ba Mon Sep 17 00:00:00 2001
From: Raphael Kabo <raphaelkabo@hey.com>
Date: Tue, 27 Feb 2024 13:43:18 +0000
Subject: housekeeping: remove unused CSS and JS

---
 public/css/datepicker.min.css | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100755 public/css/datepicker.min.css

(limited to 'public/css')

diff --git a/public/css/datepicker.min.css b/public/css/datepicker.min.css
deleted file mode 100755
index bc3cd6c..0000000
--- a/public/css/datepicker.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}
\ No newline at end of file
-- 
cgit v1.2.3


From 54d6a826d071e8697dcbaf56e92f72e2076d91fb Mon Sep 17 00:00:00 2001
From: Raphael Kabo <raphaelkabo@hey.com>
Date: Tue, 27 Feb 2024 17:11:19 +0000
Subject: refactor: new layout and styling tweaks

---
 public/css/style.css | 411 +++++++++++++++++++++++++--------------------------
 1 file changed, 205 insertions(+), 206 deletions(-)

(limited to 'public/css')

diff --git a/public/css/style.css b/public/css/style.css
index 24d10b8..938e6a5 100755
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,80 +1,115 @@
-/*
-body, html {
-  min-height: 100vh;
-}
-*/
+/* TYPOGRAPHY */
+@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap");
 
-/* FONTS */
+h1,
+h2,
+h3 {
+    font-family: "Fredoka", sans-serif;
+    font-weight: 400;
+    font-optical-sizing: auto;
+    font-weight: 400;
+    font-style: normal;
+}
 
-@font-face {
-    font-family: "Fredoka One";
+.lead {
+    font-family: "Fredoka", sans-serif;
+    font-weight: 300;
+    font-optical-sizing: auto;
     font-style: normal;
-    font-weight: 400;
-    src: url("../fonts/fredoka-one-v7-latin-regular.eot"); /* IE9 Compat Modes */
-    src:
-        local("Fredoka One"),
-        local("FredokaOne-Regular"),
-        url("../fonts/fredoka-one-v7-latin-regular.eot?#iefix")
-            format("embedded-opentype"),
-        /* IE6-IE8 */ url("../fonts/fredoka-one-v7-latin-regular.woff2")
-            format("woff2"),
-        /* Super Modern Browsers */
-            url("../fonts/fredoka-one-v7-latin-regular.woff") format("woff"),
-        /* Modern Browsers */ url("../fonts/fredoka-one-v7-latin-regular.ttf")
-            format("truetype"),
-        /* Safari, Android, iOS */
-            url("../fonts/fredoka-one-v7-latin-regular.svg#FredokaOne")
-            format("svg"); /* Legacy iOS */
-}
-
-@media (max-width: 576px) {
-    #container {
-        height: auto !important;
-        overflow-x: hidden;
-    }
 }
 
-#content {
+/* LAYOUT */
+
+html {
+    width: 100%;
+}
+
+body {
+    background: #f8f8f8;
     display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    align-items: center;
+}
+
+body > #container {
     min-height: 100vh;
+    width: 100%;
+    max-width: 75rem;
+    display: grid;
+    grid-template-columns: 1fr;
+    padding: 0;
+}
+
+#container > #content {
+    overflow: hidden;
+    border: 1px solid #eaeaea;
+    background: #ffffff;
+    display: flex;
     flex-direction: column;
 }
-#bodyContainer {
-    flex: 1;
+
+#container > #content > main {
+    position: relative;
+}
+
+#container > #content > main.page {
+    padding: 1rem;
 }
 
-#fixedContainer {
-    position: sticky;
-    top: 0;
+#container > #content > main.event > *:not(.event-header-image) {
+    margin: 0 1rem;
 }
 
-#footerContainer {
+#container > #content > footer {
+    margin-top: auto;
     border-top: 1px solid #e0e0e0;
     text-align: center;
-    padding: 5px 0;
+    padding: 0.25rem 0;
+    background: #fdfdfd;
 }
 
-#footerContainer p {
+#container > #content > footer p {
     margin-bottom: 0.25rem;
 }
 
-#sidebar {
-    background: #f5f5f5;
-    border-bottom: 2px solid #e0e0e0;
+@media (min-width: 768px) {
+    body > #container {
+        padding: 1rem;
+        grid-template-columns: 1fr 4fr;
+        gap: 1rem;
+    }
+    #container > #content {
+        border-radius: 1rem;
+        box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
+    }
+    #container > #content > main.page {
+        padding: 2rem;
+    }
 }
 
+@media (min-width: 992px) {
+    body > #container {
+        grid-template-columns: 1fr 5fr;
+    }
+}
+
+/* SIDEBAR */
+
 #sidebar h1 {
-    font-family: "Fredoka One", sans-serif;
+    font-family: "Fredoka", sans-serif;
     font-weight: 700;
+    font-optical-sizing: auto;
+    font-style: normal;
     text-align: center;
     letter-spacing: -0.5px;
     font-size: 3rem;
     color: transparent !important;
-    margin-bottom: 0;
+    margin-bottom: 1rem;
 }
 
 #sidebar h1 a {
-    background: rgb(33, 37, 41);
+    background: rgb(69, 69, 69);
     background-clip: text;
     -webkit-background-clip: text;
     color: transparent !important;
@@ -89,11 +124,52 @@ body, html {
     color: transparent !important;
 }
 
-#content {
-    background: #ffffff;
-    box-shadow: -8px 0 6px -6px rgba(0, 0, 0, 0.3);
+ul#sidebar__nav {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    display: flex;
+    flex-direction: row;
+    gap: 0.5rem;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0.5rem;
+}
+
+ul#sidebar__nav li {
+    padding: 0 1rem 0.5rem 1rem;
+    text-align: center;
+}
+
+ul#sidebar__nav a {
+    display: block;
+    width: 100%;
 }
 
+@media (min-width: 768px) {
+    #sidebar {
+        padding-top: 1rem;
+    }
+    ul#sidebar__nav {
+        flex-direction: column;
+    }
+    ul#sidebar__nav li {
+        width: 100%;
+        padding: 0 0 0.5rem 0;
+    }
+    ul#sidebar__nav li:has(a:not(.btn)):not(:last-child) {
+        border-bottom: 1px solid #e0e0e0;
+    }
+
+    .sidebar-sticky-wrapper {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 1rem;
+    }
+}
+
+/* EVENTS */
+
 #genericEventImageContainer {
     height: 150px;
     border-radius: 5px;
@@ -109,7 +185,7 @@ body, html {
         rgba(255, 255, 255, 1) 100%
     );
     position: absolute;
-    width: 97%;
+    width: 100%;
     height: 150px;
 }
 
@@ -135,6 +211,20 @@ body, html {
     height: 300px;
 }
 
+#event__basics {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1rem;
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+}
+
+@media (min-width: 992px) {
+    #event__basics {
+        grid-template-columns: 3fr 1fr;
+    }
+}
+
 #eventName {
     padding: 0 0 0 10px;
     width: 100%;
@@ -154,19 +244,6 @@ body, html {
     text-transform: capitalize;
 }
 
-#eventActions {
-    padding-left: 0;
-    margin-top: 1rem;
-}
-
-/*
-.location, .eventLink {
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-}
-*/
-
 .attendeesList {
     margin: 0;
     padding: 0;
@@ -220,7 +297,6 @@ body, html {
 }
 
 .eventInformation > li {
-    /*  line-height: 2.1em;*/
     margin-bottom: 0.8em;
 }
 
@@ -253,7 +329,64 @@ body, html {
     padding-left: 20px;
 }
 
+.attendee-name {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: "";
+    overflow: hidden;
+    max-width: 62px;
+    color: #fff;
+}
+
+li.hidden-attendee .attendee-name {
+    color: #555;
+}
+
+.remove-attendee {
+    color: #fff;
+}
+
+.remove-attendee:hover {
+    color: #016418;
+}
+
+#eventAttendees h5 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+#eventAttendees h5 .btn-group {
+    margin-top: 0.5rem;
+}
+
+@media (min-width: 576px) {
+    #eventAttendees h5 {
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+    }
+    #eventAttendees h5 .btn-group {
+        margin-top: 0;
+    }
+}
+
+.edit-buttons {
+    text-align: right;
+}
+
+@media (max-width: 1199.98px) {
+    .edit-buttons {
+        text-align: left;
+    }
+}
+
+.code {
+    font-family: "Courier New", Courier, monospace;
+    overflow-wrap: anywhere;
+}
+
 /* IMAGE UPLOAD FORM */
+
 .image-preview {
     max-width: 920px;
     width: 100%;
@@ -293,9 +426,7 @@ body, html {
     border-radius: 5px;
 }
 
-.datepickers-container {
-    z-index: 1600 !important; /* has to be larger than 1050 */
-}
+/* FORMS */
 
 #newEventFormContainer,
 #importEventFormContainer,
@@ -334,116 +465,6 @@ body, html {
     color: white !important;
 }
 
-.attendee-name {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: "";
-    overflow: hidden;
-    max-width: 62px;
-    color: #fff;
-}
-
-li.hidden-attendee .attendee-name {
-    color: #555;
-}
-
-.remove-attendee {
-    color: #fff;
-}
-
-.remove-attendee:hover {
-    color: #016418;
-}
-
-#eventAttendees h5 {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-}
-#eventAttendees h5 .btn-group {
-    margin-top: 0.5rem;
-}
-
-.edit-buttons {
-    text-align: right;
-}
-
-@media (max-width: 1199.98px) {
-    .edit-buttons {
-        text-align: left;
-    }
-}
-
-@media (min-width: 1120px) {
-    #eventActions {
-        margin-top: 0;
-        padding-left: 1rem;
-    }
-}
-
-@media (min-width: 576px) {
-    #sidebar {
-        border-right: 2px solid #e0e0e0;
-        min-height: 100vh;
-    }
-    body {
-        background: #f5f5f5; /* Old browsers */
-        background: -moz-linear-gradient(
-            left,
-            #f5f5f5 0%,
-            #f5f5f5 50%,
-            #ffffff 51%,
-            #ffffff 100%
-        ); /* FF3.6-15 */
-        background: -webkit-linear-gradient(
-            left,
-            #f5f5f5 0%,
-            #f5f5f5 50%,
-            #ffffff 51%,
-            #ffffff 100%
-        ); /* Chrome10-25,Safari5.1-6 */
-        background: linear-gradient(
-            to right,
-            #f5f5f5 0%,
-            #f5f5f5 50%,
-            #ffffff 51%,
-            #ffffff 100%
-        ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
-    }
-    #eventAttendees h5 {
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-    }
-    #eventAttendees h5 .btn-group {
-        margin-top: 0;
-    }
-}
-
-.list-group-item-action:hover {
-    background-color: #f2f8ff;
-}
-
-.code {
-    font-family: "Courier New", Courier, monospace;
-    overflow-wrap: anywhere;
-}
-
-/* FORMS */
-label:not(.form-check-label) {
-    font-weight: 500;
-}
-
-input[type="datetime-local"] {
-    max-width: 20rem;
-}
-
-article.static-page header {
-    margin-bottom: 1rem;
-    border-bottom: 1px solid #e0e0e0;
-}
-
 .select2-selection__rendered,
 .select2-selection--single {
     overflow: hidden;
@@ -549,37 +570,15 @@ img.group-preview__image {
     pointer-events: auto;
 }
 
-ul#sidebar__nav {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    gap: 0.5rem;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 1rem;
-}
+/* EVENT AND GROUP LISTS */
 
-ul#sidebar__nav li {
-    padding: 0 1rem 0.5rem 1rem;
-    text-align: center;
+.list-group-item-action:hover {
+    background-color: #f2f8ff;
 }
 
-ul#sidebar__nav a {
-    display: block;
-    width: 100%;
-}
+/* STATIC PAGES */
 
-@media (min-width: 576px) {
-    ul#sidebar__nav {
-        flex-direction: column;
-    }
-    ul#sidebar__nav li {
-        width: 100%;
-        padding: 0 0 0.5rem 0;
-    }
-    ul#sidebar__nav li:has(a:not(.btn)):not(:last-child) {
-        border-bottom: 1px solid #e0e0e0;
-    }
+article.static-page header {
+    margin-bottom: 1rem;
+    border-bottom: 1px solid #e0e0e0;
 }
-- 
cgit v1.2.3