fix(ui): single-row filters with date right-aligned, subscribe banner focus

frontend/src/components/ChannelsBanner.jsx

@@ -1,6 +1,14 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 
+const focusFooterEmail = (e) => {
+  e.preventDefault()
+  const form = document.getElementById('footer-subscribe')
+  if (!form) return
+  form.scrollIntoView({ behavior: 'smooth', block: 'center' })
+  setTimeout(() => form.querySelector('input[type="email"]')?.focus(), 350)
+}
+
 const CHANNELS = (t) => [
   {
     icon: 'fas fa-envelope',
@@ -11,6 +19,7 @@ const CHANNELS = (t) => [
     action: t('channelsBanner.email.action'),
     href: '#footer-subscribe',
     external: false,
+    onClick: focusFooterEmail,
   },
   {
     icon: 'fab fa-telegram',
@@ -62,14 +71,15 @@ const ChannelsBanner = () => {
   )
 }
 
-const ChannelCard = ({ icon, color, colorHex, label, desc, action, href, external }) => {
+const ChannelCard = ({ icon, color, colorHex, label, desc, action, href, external, onClick }) => {
   const [hovered, setHovered] = React.useState(false)
 
   return (
     <a
       href={href}
       target={external ? '_blank' : undefined}
       rel={external ? 'noopener noreferrer' : undefined}
+      onClick={onClick}
       style={{
         display: 'flex',
         alignItems: 'center',

frontend/src/components/EventListing.jsx

@@ -223,7 +223,7 @@ const EventListing = ({
             <i className="fas fa-bookmark"></i>
             {t('eventListing.favoritesOnly')}
           </label>
-          <div className="filter-date-range">
+          <div className="filter-date-range" style={{ marginLeft: 'auto' }}>
             <input
               type="date"
               className="filter-select filter-date-input"
@@ -245,7 +245,7 @@ const EventListing = ({
             <button
               className="filter-toggle"
               onClick={clearFilters}
-              style={{ marginLeft: 'auto', color: 'var(--danger)', borderColor: 'rgba(239,68,68,0.3)' }}
+              style={{ color: 'var(--danger)', borderColor: 'rgba(239,68,68,0.3)' }}
             >
               <i className="fas fa-times"></i>
               {t('eventListing.clear')}

frontend/src/index.css

@@ -664,7 +664,7 @@ h1, h2, h3, h4, h5, h6 {
 .filter-row {
   display: flex;
   gap: 0.75rem;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   align-items: center;
 }