various style fixes

components/Layout/Parameters/Section.vue

@@ -11,5 +11,9 @@
   padding: 24px;
   margin: 28px auto;
   max-width: 1200px;
+
+  @media (max-width: 600px) {
+    max-width: 95%;
+  }
 }
 </style>

components/Ui/Form.vue

@@ -415,8 +415,15 @@ defineExpose({ validate })
   @media (max-width: 600px) {
     :deep(.v-col-12) {
       display: flex;
-      flex-direction: row;
+      flex-direction: column;
       justify-content: center;
+      align-items: center;
+      width: 100%;
+
+      .v-btn {
+        margin: 12px 0 !important;
+        max-width: 250px;
+      }
     }
   }
 

components/Ui/Input/Checkbox.vue

@@ -100,8 +100,10 @@ const onUpdate = (event: boolean) => {
   margin-bottom: 8px;
 }
 
-:deep(.v-input__control) {
-  max-height: 32px;
+@media (min-width: 600px) {
+  :deep(.v-input__control) {
+    max-height: 32px;
+  }
 }
 
 :deep(.v-label) {

i18n/lang/fr.json

@@ -190,8 +190,8 @@
   "superAdmin": "Compte super-admin",
   "username": "Nom d'utilisateur",
   "residenceArea": "Zones de résidence",
-  "activateOpentalentSiteWeb": "Activer le site opentalent",
-  "deactivateOpentalentSiteWeb": "Désactiver le site opentalent",
+  "activateOpentalentSiteWeb": "Activer le site Opentalent",
+  "deactivateOpentalentSiteWeb": "Désactiver le site Opentalent",
   "reactivateOpentalentSiteWeb": "Réactiver le site Opentalent",
   "passwordSMS": "Mot de passe SMS",
   "usernameSMS": "Nom d'utilisateur SMS",
@@ -659,6 +659,7 @@
   "your_website": "Votre site web",
   "your_website_address_is": "L'adresse de votre site internet est",
   "record_a_new_subdomain": "Enregistrer un nouveau sous-domaine",
+  "record_a_new_subdomain_short": "Nouveau sous-domaine",
   "your_subdomains": "Vos sous-domaines",
   "other_website": "Autre site internet",
   "Not Found": "Données non trouvée",

layouts/parameters.vue

@@ -17,7 +17,7 @@
 
         <!-- Page will be rendered here-->
         <div class="inner-container">
-          <h3 class="mt-8 mb-4">{{ pageTitle }}</h3>
+          <h3>{{ pageTitle }}</h3>
 
           <slot />
         </div>
@@ -45,5 +45,9 @@ const pageTitle = computed(() => i18n.t(route.name || 'parameters_page'))
 .inner-container {
   max-width: 1200px;
   margin: 0 auto;
+
+  h3 {
+    margin: 36px 0 18px 2%;
+  }
 }
 </style>

pages/parameters/website.vue

@@ -91,7 +91,7 @@
             class="my-5"
             @click="onAddSubdomainClick"
           >
-            {{ $t('record_a_new_subdomain') }}
+            {{ smAndUp ? $t('record_a_new_subdomain') : $t('record_a_new_subdomain_short') }}
           </v-btn>
         </div>
       </div>
@@ -109,6 +109,7 @@ import Subdomain from '~/models/Organization/Subdomain'
 import ApiResource from '~/models/ApiResource'
 import EqualFilter from '~/services/data/Filters/EqualFilter'
 import Query from '~/services/data/Query'
+import {useDisplay} from 'vuetify';
 
 definePageMeta({
   name: 'parameters_website_page',
@@ -118,6 +119,8 @@ const { fetch, fetchCollection } = useEntityFetch()
 
 const organizationProfile = useOrganizationProfileStore()
 
+const { smAndUp } = useDisplay()
+
 if (organizationProfile.parametersId === null) {
   throw new Error('Missing organization parameters id')
 }