fix: fixed download and project padding

web/src/components/home-page-components/home-page-downloads.tsx

@@ -11,27 +11,33 @@ export const HomePageDownloads = () => {
     dungeonWorldData.standard.frontsSummary,
     dungeonWorldData.standard.gameMasterSummary,
     dungeonWorldData.standard.movesSummary,
-    ...dungeonWorldData.standard.classes.flatMap(c => c.assets)
+    ...dungeonWorldData.standard.classes.flatMap((c) => c.assets),
   ];
 
   return (
     <HomePageSection>
-      <h3 className="text-2xl font-bold text-dw uppercase mb-5">
-        Materiali Scaricabili
-      </h3>
-      <p>
-        Sfrutta la sezione <strong>Materiali Scaricabili</strong>, il luogo dove puoi recuperare tutte le risorse disponibili per Dungeon World, sia standard che homebrew. Questa sezione è stata creata per offrire ai giocatori un accesso facile e immediato ai materiali contenuti nel sito.
-    </p>
-
-      <div className="flex overflow-x-scroll pt-2 scrollbar-hide w-full">
-        <div className="flex flex-nowrap">
-          {assets.map((asset) => <Asset key={asset.url} asset={asset}/>)}
-        </div>
+      <div className="flex flex-col">
+        <h3 className="text-2xl font-bold text-dw uppercase mb-5">
+          Materiali Scaricabili
+        </h3>
+        <p>
+          Sfrutta la sezione <strong>Materiali Scaricabili</strong>, il luogo
+          dove puoi recuperare tutte le risorse disponibili per Dungeon World,
+          sia standard che homebrew. Questa sezione è stata creata per offrire
+          ai giocatori un accesso facile e immediato ai materiali contenuti nel
+          sito.
+        </p>
       </div>
-      <ButtonLink href={"/materiali"}>
-        Vai ai materiali {" "}
-        <FontAwesomeIcon icon={faArrowRight} width={12} />
-      </ButtonLink>
+      <div className="flex overflow-x-scroll pt-2 scrollbar-hide w-full pb-10">
+          <div className="flex flex-nowrap">
+            {assets.map((asset) => (
+              <Asset key={asset.url} asset={asset} />
+            ))}
+          </div>
+        </div>
+        <ButtonLink href={"/materiali"}>
+          Vai ai materiali <FontAwesomeIcon icon={faArrowRight} width={12} />
+        </ButtonLink>
     </HomePageSection>
   );
 };

web/src/components/home-page-components/home-page-project.tsx

@@ -6,20 +6,24 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 export const HomePageProject = () => {
   return (
     <HomePageSection>
-      <h3 className="text-2xl font-bold text-dw uppercase mb-5">Il progetto</h3>
-      <p>
-        L'obiettivo principale di questo progetto è quello di offrire una
-        traduzione completa e accurata di Dungeon World e di tutte le opere
-        gratuite derivate, creando un punto di accesso unico e facilmente
-        consultabile per tutti gli appassionati di questo gioco. Crediamo che
-        ogni appassionato meriti di avere accesso a strumenti di gioco ben
-        tradotti e facilmente reperibili. Con la nostra piattaforma, puntiamo a
-        soddisfare questa esigenza e a fornire un servizio utile e gratuito alla
-        comunità.
-      </p>
-      <ButtonLink href={"/altro/progetto"}>Scopri il progetto {" "}
-        <FontAwesomeIcon icon={faArrowRight} width={12} />
-      </ButtonLink>
+      <div className="flex flex-col">
+        <h3 className="text-2xl font-bold text-dw uppercase mb-5">
+          Il progetto
+        </h3>
+        <p className="pb-10">
+          L'obiettivo principale di questo progetto è quello di offrire una
+          traduzione completa e accurata di Dungeon World e di tutte le opere
+          gratuite derivate, creando un punto di accesso unico e facilmente
+          consultabile per tutti gli appassionati di questo gioco. Crediamo che
+          ogni appassionato meriti di avere accesso a strumenti di gioco ben
+          tradotti e facilmente reperibili. Con la nostra piattaforma, puntiamo
+          a soddisfare questa esigenza e a fornire un servizio utile e gratuito
+          alla comunità.
+        </p>
+        <ButtonLink href={"/altro/progetto"}>
+          Scopri il progetto <FontAwesomeIcon icon={faArrowRight} width={12} />
+        </ButtonLink>
+      </div>
     </HomePageSection>
   );
 };