style

src/Galleria.js

@@ -145,14 +145,14 @@ const ContenitoreMessaggio = ({ messaggi }) => {
             <IconButton
               onClick={() => cambiaindiceCorrente(indiceCorrente - 1)}
             >
-              <ArrowBackIcon style={{ fontSize: "3rem" }} />
+              <ArrowBackIcon style={{ fontSize: "3rem", color: "#ddd" }} />
             </IconButton>
           )}
           {indiceCorrente < messaggi.length - 1 && (
             <IconButton
               onClick={() => cambiaindiceCorrente(indiceCorrente + 1)}
             >
-              <ArrowForwardIcon style={{ fontSize: "3rem" }} />
+              <ArrowForwardIcon style={{ fontSize: "3rem", color: "#ddd" }} />
             </IconButton>
           )}
         </Stack>
@@ -213,6 +213,7 @@ const Messaggio = ({ messaggioDaMostrare }) => {
         <p
           style={{
             fontSize: 20,
+            margin: 0,
             display: "inline-block",
             background: "black",
             padding: "0px 6px",
@@ -222,7 +223,7 @@ const Messaggio = ({ messaggioDaMostrare }) => {
           da {messaggioDaMostrare.autore}
         </p>
       )}
-      <p style={{ fontFamily: "sans-serif", fontSize: ".8rem", color: "#333" }}>
+      <p style={{ fontFamily: "sans-serif", fontSize: ".8rem", color: "#ddd" }}>
         {date.toLocaleString("it-IT", {
           timeStyle: "short",
           dateStyle: "short",