Activation du scroll tactile fluide sur mobile et tablette pour les pages de guidage

src/App.js

@@ -250,9 +250,8 @@ function App() {
   return (
     <div className="sncf-voyageurs" style={{ minHeight: '100vh', display: 'flex', flexDirection: 'column' }}>
       <wcs-galactic app-name="Affichage Ferroviaire" version="1.0.0">
-
-        <wcs-galactic-menu-item>
-          {source === 'supabase' ? (
+        {source === 'supabase' ? (
+          <wcs-galactic-menu-item>
             <a
               href="/"
               onClick={(e) => { e.preventDefault(); navigate('/'); }}
@@ -261,14 +260,12 @@ function App() {
             >
               🌐 Passer en mode SNCF Live
             </a>
-          ) : (
-              <a></a>
-          )}
-        </wcs-galactic-menu-item>
+          </wcs-galactic-menu-item>
+        ) : null}
       </wcs-galactic>
 
       <header style={{ padding: 12, background: source === 'supabase' ? '#003366' : '#00439e', color: '#fff', transition: 'background 0.3s' }}>
-        <div style={{ maxWidth: 1000, margin: '0 auto', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+        <div style={{ maxWidth: 1000, margin: '0 auto', display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '0 8px' }}>
           <div>
             <h1 style={{ margin: 0, fontSize: 20 }}>
               {source === 'supabase' ? 'Affichage Ferroviaire — BDD Supabase (/ferrovia)' : 'Affichage Ferroviaire — SNCF GTFS / Temps Réel'}
@@ -281,8 +278,8 @@ function App() {
         </div>
       </header>
 
-      <main style={{ flex: 1, background: '#f3f6fb' }}>
-        <div style={{ maxWidth: 1000, margin: '24px auto' }}>{content}</div>
+      <main style={{ flex: 1, background: '#f3f6fb', overflowY: 'visible', width: '100%' }}>
+        <div style={{ maxWidth: 1000, margin: '16px auto', width: '100%' }}>{content}</div>
       </main>
 
       <wcs-footer>