various fixes

components/Common/ActionMenu.vue

@@ -143,7 +143,7 @@ const onActionClick = (action: ActionMenuItem) => {
   font-weight: 500;
   font-size: 0.7rem;
   line-height: 15px;
-  text-align: center;
+  text-align: center !important;
   letter-spacing: 0.2em;
   text-transform: uppercase;
 }
@@ -175,10 +175,6 @@ const onActionClick = (action: ActionMenuItem) => {
   box-shadow: -1px 2px 4px 2px var(--on-neutral-color-light);
 }
 
-.square:last-child {
-
-}
-
 .square:hover {
   transform: translateX(-10px);
 }

components/Common/Contact.vue

@@ -111,8 +111,10 @@ const { smAndDown, mdAndUp } = useDisplay()
 .logo-cmf {
   background-repeat: no-repeat;
   background-size: contain;
-  width: 80%;
+  width: 50%;
+  min-width: 250px;
   height: 100%;
+  margin-left: 100px;
 
   @media (max-width: 1240px) {
     margin: 12px auto 48px auto !important;

components/Home/Help.vue

@@ -4,7 +4,7 @@ Section "Besoin d'aide" de la page d'accueil
 
 <template>
   <LayoutContainer>
-    <v-row class="center-90">
+    <v-row class="center-90 mt-6">
       <v-col cols="12" lg="6" class="col">
         <v-img
           src="/images/Home_logiciel/Opentalent_a_votre_service.png"

components/Home/Promotion.vue

@@ -269,6 +269,12 @@ const { mdAndUp } = useDisplay()
       padding-bottom : 0;
     }
 
+    .v-col-3 {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+    }
+
     img {
       width: 50px;
       height: 50px;

components/Home/Solution.vue

@@ -121,7 +121,7 @@ const solutions: Array<SolutionItem> = [
     class: "school-image",
     solutions: [
       "Gestion des membres",
-      "Préinscription en ligne*",
+      "Préinscription en ligne *",
       "Agenda de la structure",
       "Suivi pédagogique",
       "Gestion administrative et financière",
@@ -209,7 +209,7 @@ h4 {
 
   .v-divider {
     color: var(--on-primary-color-alt);
-    width: 20rem;
+    width: 350px;
     opacity: 0.7;
   }
 
@@ -321,15 +321,17 @@ h4 {
 
     ul {
       margin-top: 0.9rem;
-      font-size: 16px;
+      max-width: 100%;
+      white-space: pre-wrap;
+      margin-left: 1rem;
     }
 
     li {
+      text-align: start;
       font-size: 16px;
-      width: 10rem;
-      margin-left: 1rem;
       line-height: 18px;
       color: var(--primary-color);
+      margin: 6px 0;
 
       @media (max-width: 1240px) {
         font-size: 1.1rem;
@@ -360,7 +362,7 @@ h4 {
 .footer {
   p {
     text-align: right;
-    font-size: 12px;
+    font-size: 14px;
 
     @media (max-width: 1240px) {
       font-size: 1.1rem;

components/Layout/Footer/Footer.vue

@@ -232,7 +232,7 @@
           </p>
         </v-row>
 
-        <v-row class="mb-6" justify="center">
+        <v-row class="mb-3" justify="center">
           <p>
             2024 &copy; Tous droits réservés par Opentalent
           </p>
@@ -344,10 +344,16 @@ const onIntersect = (isIntersecting) => {
   color: var(--on-primary-color);
 }
 
+.logo {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-bottom: 20px;
+}
+
 .logo .v-img {
-  margin-bottom: 3rem;
+  height: 120px;
   width: 300px;
-  height: 100px;
 }
 
 .v-col {

components/Layout/Navigation/Lg.vue

@@ -10,7 +10,7 @@
           <v-img
             src="/images/logo/navigation-logo.png"
             alt="Logo Opentalent - Agenda et logiciels culturels"
-            class="logo"
+            class="logo ml-4"
           />
         </nuxt-link>
       </v-col>

components/Logiciels/Artist/Formations.vue

@@ -9,7 +9,7 @@
             </LayoutUISubTitle>
           </v-row>
 
-          <v-row class="formation py-12 align-center mb-12" no-gutters>
+          <v-row class="formation center-90 py-12 align-center mb-12">
             <v-col cols="12" lg="4">
               <v-img
                 src="/images/logiciels/artist/webinaire.jpg"

components/Logiciels/School/Comparatif.vue

@@ -1,19 +1,21 @@
 <template>
   <AnchoredSection id="comparative">
     <LayoutContainer>
-      <LayoutUISubTitle>
-        Comparatif de nos solutions
-      </LayoutUISubTitle>
+      <v-row class="center-90">
+        <LayoutUISubTitle>
+          Comparatif de nos solutions
+        </LayoutUISubTitle>
 
-      <LayoutUITitle>
-        Choisissez la version qui vous convient !
-      </LayoutUITitle>
+        <LayoutUITitle>
+          Choisissez la version qui vous convient !
+        </LayoutUITitle>
 
-      <CommonTableComparatif
-        standardPrice="34,90€"
-        premiumPrice="49€"
-        :items="comparisonItems"
-      />
+        <CommonTableComparatif
+          standardPrice="34,90€"
+          premiumPrice="49€"
+          :items="comparisonItems"
+        />
+      </v-row>
     </LayoutContainer>
   </AnchoredSection>
 </template>

pages/opentalent_artist.vue

@@ -25,7 +25,7 @@
 
     <LogicielsArtistPresentation />
 
-    <LogicielsArtistAvantages />
+    <LogicielsArtistAvantages class="mt-8" />
 
     <div v-if="mdAndUp" class="alt-theme">
       <LogicielsArtistFonctionnalites />

pages/opentalent_school.vue

@@ -34,11 +34,11 @@
 
     <LogicielsSchoolComparatif />
 
-    <CommonContact />
+    <CommonContact class="mt-12"/>
 
     <LogicielsSchoolFormations />
 
-    <LogicielsSchoolReviews/>
+    <LogicielsSchoolReviews class="mt-8"/>
 
     <LayoutFAQ  />