vers. 2.6.2

pages/page/home.php

@@ -3,10 +3,10 @@
 <h1 class="titlePage">Benvenuto</h1>
 <p class="subtitlePage">nella nuova RPIGroup Play</p>
 
-<div class="row g-2 mb-4 px-4" style="width: 100%">
+<div class="row gx-2 mb-4 px-4" style="width: 100%">
     <div class="col-6">
         <a href="<?php echo $base_path; ?>/radio" data-page="radio" class="linkBox">
-            <div class="clickBox Squared">
+            <div class="clickBox Squared p-2">
                 <img src="<?=$base_path?>/img/radio.png" alt="Radio">
                 <p class="m-0 p-0">Radio</p>
             </div>
@@ -14,7 +14,7 @@
     </div>
     <div class="col-6">
         <a href="<?php echo $base_path; ?>/tv" data-page="tv" class="linkBox">
-            <div class="clickBox Squared">
+            <div class="clickBox Squared p-2">
                 <img src="<?=$base_path?>/img/tv.png" alt="tv">
                 <p class="m-0 p-0">TV</p>
             </div>
@@ -72,10 +72,10 @@
 </div> -->
 
 
-<div class="row g-2 mb-4 px-4" style="width: 100%">
+<div class="row gx-2 mb-4 px-4" style="width: 100%">
     <div class="col-12">
         <a href="https://www.co-municare.it" target="_blank" class="">
-            <div class="clickBox p-2">
+            <div class="clickBox">
                 <img src="https://www.co-municare.it/wp-content/uploads/2025/01/newlogo_co-municare-it.png" alt="logo Co-Municare.it">
             </div>
         </a>
@@ -103,7 +103,7 @@
     </div>
 </div>
 
-<div class="row g-2 mb-4 px-4" style="width: 100%">
+<div class="row gx-2 mb-4 px-4" style="width: 100%">
     <div class="col-12">
         <a href="https://drive.asv.ovh/apps/forms/s/Zfk8cJk3oCz2Y2dHyWdEcgL7" target="_blank" class="linkBox">
             <div class="clickBox p-2">

pages/page/podcast.php

@@ -112,7 +112,14 @@ function formatDateItalian($dateString) {
     #podcast-detail {
         display: none;
         animation: slideIn 0s ease-out;
-        position: fixed;background: #ffffff;top: 148px;left: 0;width: 100%;
+        position: fixed;
+        background: #ffffff;
+        top: 154px;
+        max-width: 750px;
+        min-width: 330px;
+        width: 100%;
+        left: 50%;
+        transform: translateX(-50%);
     }
     @keyframes slideIn {
         from { opacity: 0; transform: translateX(0); }
@@ -126,9 +133,9 @@ function formatDateItalian($dateString) {
     }
     .podcast-iframe {
         width: 100%;
-        height: calc(100vh - 173px);
+        height: calc(100vh - 180px);
         border: none;
-        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
+        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
         background: #f9f9f9;
         margin-top: -54px;
     }