Homepage design tweaks (#399)

Author: daveearley

backend/vapor.yml

@@ -1,4 +1,4 @@
-id: 68983
+id: 69938
 name: HiEvents
 environments:
   production:
@@ -8,8 +8,8 @@ environments:
     cli-memory: 512
     runtime: 'php-8.3:al2'
     warm: 3
-    cache: hievents-redis-prod
-    database: hievents-db-prod
+    cache: hievents-redis
+    database: hievents-postgres
     queues:
       - hievents-queue-prod
       - hievents-webhook-queue-prod
@@ -28,8 +28,8 @@ environments:
     cli-memory: 512
     runtime: 'php-8.3:al2'
     warm: 3
-    cache: hievents-redis-prod
-    database: hievents-db-prod
+    cache: hievents-redis
+    database: hievents-postgres
     queue:
       - hievents-queue-prod
       - hievents-webhook-queue-staging

frontend/src/components/layouts/EventHomepage/EventHomepage.module.scss

@@ -64,6 +64,7 @@
     @include respond-below(md) {
       min-height: 100vh;
       justify-content: space-between;
+      padding: 20px;
     }
 
     a {

frontend/src/components/layouts/EventHomepage/EventInformation/EventInformation.module.scss

@@ -43,6 +43,7 @@
         place-self: flex-start;
         margin-right: 10px;
         color: var(--homepage-secondary-color, var(--tk-primary));
+        min-width: 20px;
       }
     }
 

frontend/src/components/layouts/EventHomepage/EventInformation/index.tsx

@@ -1,6 +1,5 @@
 import {IconCalendar, IconExternalLink, IconMapPin} from "@tabler/icons-react";
 import classes from "./EventInformation.module.scss";
-import {prettyDate} from "../../../../utilites/dates.ts";
 import {formatAddress} from "../../../../utilites/formatAddress.tsx";
 import {t} from "@lingui/macro";
 import {Button} from "@mantine/core";
@@ -22,8 +21,8 @@ export const EventInformation: FC<{
     return (
         <>
             <div className={classes.preHeading}>
-                <div className={classes.date}>
-                    {prettyDate(event.start_date, event.timezone)}
+                <div className={classes.organizer}>
+                    {event.organizer?.name}
                 </div>
                 <div className={classes.shareButtons}>
                     <ShareComponent
@@ -37,7 +36,6 @@ export const EventInformation: FC<{
             <h1 className={classes.eventTitle}>{event.title}</h1>
             <div className={classes.eventInfo}>
                 <div className={classes.eventDetail}>
-                    <h2>{t`Date & Time`}</h2>
                     <div className={classes.details}>
                         <IconCalendar size={20}/>
                         <div>
@@ -48,9 +46,8 @@ export const EventInformation: FC<{
 
                 {event.settings?.location_details && (
                     <div className={classes.eventDetail}>
-                        <h2>{t`Location`}</h2>
                         <div className={classes.details}>
-                            <IconMapPin size={25}/>
+                            <IconMapPin size={20}/>
                             <div className={classes.detail}>
                                 <b>{event.settings?.location_details?.venue_name}</b>
                                 <div>{formatAddress(event.settings?.location_details)}</div>