fix: minor fixes on styling and UI related stuff

app/pages/dashboard/index.vue

@@ -39,7 +39,7 @@ const heroSubtitle = computed(() => {
     <div class="it-hero-wrapper it-primary">
       <div class="container">
         <div class="row">
-          <div class="col-12">
+          <div class="col-12 text-center">
             <div class="it-hero-text-wrapper p-4">
               <h1 class="text-white font-weight-bold">{{ heroTitle }}</h1>
               <p class="text-white mt-2 lead">
@@ -71,10 +71,3 @@ const heroSubtitle = computed(() => {
     </div>
   </div>
 </template>
-
-<style scoped>
-/* Il gradiente originale della pagina rotta */
-.it-primary {
-  background: linear-gradient(135deg, #006f9d 0%, #003d5c 100%);
-}
-</style>

app/pages/index.vue

@@ -19,10 +19,10 @@ const { data: openDataResponse } = await useAsyncData('recent-fixes', () =>
     <div class="it-hero-wrapper bg-light">
       <div class="container">
         <div class="row">
-          <div class="col-12 col-lg-8 offset-lg-2 text-center">
+          <div class="col-12 col-lg-8 mx-auto text-center">
             <div class="it-hero-text-wrapper p-4">
-              <h1 class="no_toc font-weight-bold text-dark">Miglioriamo insieme la città</h1>
-              <p class="d-none d-lg-block mt-3 mb-4 text-secondary">
+              <h1 class="no_toc font-weight-bold">Miglioriamo insieme la città</h1>
+              <p class="d-none d-lg-block mt-3 mb-4 text-muted">
                 Il portale ufficiale nazionale per segnalare disservizi urbani. Scatta una foto, invia la segnalazione
                 e monitora l'intervento in totale trasparenza.
               </p>
@@ -68,7 +68,7 @@ const { data: openDataResponse } = await useAsyncData('recent-fixes', () =>
       </div>
     </div>
 
-    <div class="bg-light py-5 border-top border-bottom">
+    <div class="bg-light py-5">
       <div class="container my-4">
         <h2 class="text-center mb-5 font-weight-bold">I numeri del nostro Comune</h2>
         <div class="row text-center">
@@ -149,4 +149,4 @@ const { data: openDataResponse } = await useAsyncData('recent-fixes', () =>
       </div>
     </div>
   </div>
-</template>
+</template>

app/pages/me.vue

@@ -246,14 +246,8 @@ const handleLogout = () => {
   border-color: #ffc107;
 }
 
-.display-3 {
-  font-size: 3.5rem;
-  line-height: 1;
-}
-
 .table-hover tbody tr:hover {
   background-color: rgba(0, 111, 157, 0.05);
 }
 </style>
 
-

app/pages/open-data.vue

@@ -47,7 +47,7 @@ const getStatusBadge = (status: string) => {
     <div class="it-hero-wrapper it-primary">
       <div class="container">
         <div class="row">
-          <div class="col-12">
+          <div class="col-12 text-center">
             <div class="it-hero-text-wrapper p-4">
               <h1 class="text-white font-weight-bold">Open Data Interventi</h1>
               <p class="text-white mt-2 lead">
@@ -201,4 +201,4 @@ const getStatusBadge = (status: string) => {
   transform: translateY(-2px);
   box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
 }
-</style>
+</style>

app/pages/reports/create.vue

@@ -76,7 +76,7 @@ const handleReportSubmit = async (reportData: CreateReportRequest, mediaFiles: F
     <div class="it-hero-wrapper it-primary-bg">
       <div class="container">
         <div class="row">
-          <div class="col-12">
+          <div class="col-12 text-center">
             <div class="it-hero-text-wrapper p-4">
               <h1 class="text-white font-weight-bold">Segnala un problema</h1>
               <p class="text-white mt-2 lead">
@@ -141,9 +141,3 @@ const handleReportSubmit = async (reportData: CreateReportRequest, mediaFiles: F
 
   </div>
 </template>
-
-<style scoped>
-.it-primary-bg {
-  background: linear-gradient(135deg, #006f9d 0%, #003d5c 100%);
-}
-</style>