miglioramenti visivi

Author: EttoreCaputo

venezia-marea/news.html

@@ -37,7 +37,7 @@
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
       line-height: 1.6;
       margin: 0;
-      padding: 4em 1em 4em;
+      padding: 1em 1em 2em;
       background: #f0f5ff;
       background-image: 
         radial-gradient(at 0% 0%, rgba(227, 240, 255, 1) 0, transparent 50%), 
@@ -112,7 +112,7 @@
     }
 
     .title-block {
-      text-align: center;
+      text-align: left;
     }
 
     .title-block p {
@@ -270,13 +270,13 @@ <h2>Venezia Marea è ora disponibile su iOS</h2>
             Porta le previsioni di marea direttamente sul tuo iPhone. Interfaccia ottimizzata,
             notifiche affidabili e una mappa pensata per muoverti in sicurezza in città.
           </p>
-          <div style="margin-top: 14px; border-radius: 16px; overflow: hidden;">
+          <div style="margin-top: 14px; border-radius: 16px; overflow: hidden; aspect-ratio: 1; max-width: 100%;">
             <video
               src="assets/venezia_marea_ios_available.mp4"
               autoplay
               muted
               playsinline
-              style="width: 100%; height: 100%; display: block; background: #000;"
+              style="width: 100%; height: 100%; display: block; background: #000; object-fit: cover;"
             ></video>
           </div>
         </div>
@@ -336,13 +336,13 @@ <h2>Venezia Marea is now on iOS</h2>
             Get tide forecasts right on your iPhone. A layout tuned for small screens,
             reliable alerts and a map designed to help you move safely around the city.
           </p>
-          <div style="margin-top: 14px; border-radius: 16px; overflow: hidden;">
+          <div style="margin-top: 14px; border-radius: 16px; overflow: hidden; aspect-ratio: 1; max-width: 100%;">
             <video
               src="assets/venezia_marea_ios_available.mp4"
               autoplay
               muted
               playsinline
-              style="width: 100%; height: 100%; display: block; background: #000;"
+              style="width: 100%; height: 100%; display: block; background: #000; object-fit: cover;"
             ></video>
           </div>
         </div>