Prettify

app/routes/calendar/index.tsx

@@ -308,10 +308,10 @@ function EventsToReport() {
   );
 }
 
-function EventsList({ 
-  events, 
-}: { 
-  events: SerializeFrom<typeof loader>["events"]; 
+function EventsList({
+  events,
+}: {
+  events: SerializeFrom<typeof loader>["events"];
 }) {
   const { t, i18n } = useTranslation("calendar");
 
@@ -330,9 +330,9 @@ function EventsList({
               </div>
             </div>
             <div className="stack md">
-              {events.map(calendarEvent => {
+              {events.map((calendarEvent) => {
                 return (
-                  <section 
+                  <section
                     key={calendarEvent.eventDateId}
                     className="calendar__event main stack md"
                   >
@@ -404,7 +404,7 @@ function EventsList({
           </React.Fragment>
         );
       })}
-    </div> 
+    </div>
   );
 }
 

app/styles/calendar.css

@@ -103,8 +103,8 @@
 .calendar__event {
   display: flex;
   flex-direction: column;
-  font-size: var(--fonts-lg);
   padding-top: 1rem;
+  font-size: var(--fonts-lg);
 }
 
 .calendar__event + .calendar__event {

app/styles/vars.css

@@ -15,7 +15,7 @@ html {
   --text: rgb(0 0 0 / 95%);
   --black-text: rgb(0 0 0 / 95%);
   --text-lighter: rgb(75 75 75 / 95%);
-  --divider: #635DAB;
+  --divider: #635dab;
   --theme-error: rgb(199 13 6);
   --theme-error-transparent: rgba(199 13 6 / 75%);
   --theme-warning: #c9c900;