Ridimensionamenti + fix grafica livebus

index.html

@@ -31,7 +31,9 @@
     <h1 class="spazio"></h1>
     <hr class="solid">
     <h1 class="nospazio">Novità sito:</h1>
-    <p class="novitasito"></p>
+    <p class="novitasito">
+        Ridimensionate novità aziende per schermi piccoli
+    </p>
     <div class="container">
         <div class="riga">
             <h2 class="piccolospazio">SETA:</h2>
@@ -39,7 +41,7 @@
                 <strong>Servizi rapidi:</strong> <a class="novita" href="/seta_menu/cercaorario/index.html">Cerca orario</a> <br> <br>
                 Nuove foto: <a class="novita" href="/setamodena_bus/suburbano/bredone.html">Breda 18m</a> <br> <br>
                 Nuovo modello in servizio: <a class="novita" href="/setamodena_bus/suburbano/surbinostart.html">Solaris Urbino 18 III ex START</a> <br><br>
-                Ridimensionata tabella dei percorsi per schermi piccoli.
+                Ridimensionate tabelle dei <a class="novita" href="/seta_menu/percorsi/index.html">percorsi</a> per schermi piccoli.
             </p>
         </div>
         <div class="riga">

start_menu/servizi/start-livebus/css/style.css

@@ -64,7 +64,7 @@ p {
 table {
   border-collapse: separate; 
   border-spacing: 0;
-  border: 1px solid #444;
+  border: 1px solid rgb(100,100,100);
   border-radius: 16px;
   overflow: hidden; 
   min-width: 85%;
@@ -75,13 +75,13 @@ table {
 /*Linee verticali*/
 th:not(:last-child),
 td:not(:last-child) {
-  border-right: 1px solid #444;
+  border-right: 1px solid rgb(100,100,100);
 }
 
 /*Linee orizzontali*/
 tr:not(:last-child) > th,
 tr:not(:last-child) > td {
-    border-bottom: 1px solid #444;
+    border-bottom: 1px solid rgb(100,100,100);;
 }
 
 th {

style.css

@@ -268,6 +268,13 @@ table.image-table img {
     font-family: Titillium Web;
     font-size: medium;
 }
+.container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 20px;
+    margin: 20px;
+}
 @media (max-width: 768px) {
     table.image-table {
         width: 100%;
@@ -283,6 +290,8 @@ table.image-table img {
     }
     .container {
         flex-direction: column;
+        margin-left:0;
+        margin-right:0;
     }
     iframe.chisiamo{
         width: 340px;
@@ -390,11 +399,4 @@ table.image-table img {
     width: 300px;
     margin: 20px;
     font-size: 16px;
-}
-.container {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    gap: 20px;
-    margin: 20px;
 }