Fix Community Organisers Lunch (#1811)

Before
<img width="1253" height="670" alt="image"
src="https://github.com/user-attachments/assets/1fe2b4a7-672f-4ea6-b7b4-1c3e9bcc27e1"
/>

After
<img width="1522" height="669" alt="image"
src="https://github.com/user-attachments/assets/8e6f21f6-aeac-49e6-9a50-99998c17f7fa"
/>

Co-authored-by: George Margaritis <gmargaritis@protonmail.com>

Author: nikoshell

src/components/schedule/day.astro

@@ -78,7 +78,7 @@ const posters: Array<ScheduleSession> = [];
 
 const isLunchSideEvent = (session: ScheduleSession): boolean => {
   const title = session.title.toLowerCase();
-  return title === "pyladies lunch" || title === "communities organizers lunch";
+  return title === "pyladies lunch" || title === "community organisers lunch";
 };
 
 const lunchSideEvents: Array<ScheduleSession> = [];
@@ -560,6 +560,12 @@ const endStart = numberToTime(lastEndTime);
                                     — 2nd Floor Red Carpet, starting 13:20
                                   </span>
                                 )}
+                                {session.title.toLowerCase() ===
+                                  "community organisers lunch" && (
+                                  <span class="pyladies-location">
+                                    — F0 (Glass Room)
+                                  </span>
+                                )}
                               </li>
                             ))}
                           </ul>
@@ -738,6 +744,21 @@ const endStart = numberToTime(lastEndTime);
       text-align: center;
     }
 
+    /* Show lunch header on mobile as well */
+    .lunch-break-header {
+      display: block;
+      width: 100%;
+      font-family: "Inter Tight", system-ui, sans-serif;
+      font-size: 0.95rem;
+      color: var(--ep-text-secondary);
+      font-weight: 500;
+      padding: 0.4rem 0.8rem;
+      background: oklch(0.75 0.171 60.3 / 0.06);
+      border-bottom: 1px solid oklch(0.75 0.171 60.3 / 0.18);
+      text-align: center;
+      border-radius: 4px 4px 0 0;
+    }
+
     /* Override inline grid on mobile — fits viewport */
     .lunch-break .lunch-break-content {
       display: block !important;
@@ -759,6 +780,22 @@ const endStart = numberToTime(lastEndTime);
       flex: none;
       max-width: 100%;
     }
+
+    .sched-posters-list {
+      list-style: none;
+      padding: 0;
+      margin: 0.5rem 0;
+    }
+
+    .sched-posters-list a {
+      display: inline-block;
+      border: 1px solid var(--color-surface-medium);
+      border-radius: 4px;
+      padding: 0.5rem 0.75rem;
+      color: var(--color-accent-themed);
+      text-decoration: none;
+      margin: 2px 0;
+    }
   }
 
   @media screen and (min-width: 800px) {
@@ -914,13 +951,6 @@ const endStart = numberToTime(lastEndTime);
       border-bottom: 1px solid var(--color-surface-medium);
     }
 
-    .sched-lunch-hr {
-      grid-column: 1 / -1;
-      border: none;
-      border-top: 1px solid var(--color-border);
-      margin: 0.5rem 0;
-    }
-
     .sched-lunch-events {
       grid-column: 1 / -1;
       justify-self: center;
@@ -977,6 +1007,16 @@ const endStart = numberToTime(lastEndTime);
       display: flex;
       height: 100%;
     }
+
+    .sched-lunch-hr {
+      grid-column: 1 / -1;
+    }
+  }
+
+  .sched-lunch-hr {
+    border: none;
+    border-top: 1px solid var(--color-border);
+    margin: 1rem 0;
   }
 </style>