simplemobnav change to look like smartphone

wco/apxauth/main_fr.mustache

@@ -1,7 +1,7 @@
 <!-- screen action-->
-<div class="screenaction mt-5 m-2 sm:mx-auto sm:w-full sm:max-w-sm">
+<div class="screenaction mt-5 px-7 w-full">
 </div>
 <!-- feedback action-->
-<div class="my-5">
+<div class="my-5 w-full">
     <p class="msginfo text-center text-info"></p>
 </div>

wco/apxauth/screeninformation_fr.mustache

@@ -1,4 +1,4 @@
-<div class="space-y-6 text-justify">
+<div class="mx-3 my-auto text-justify">
     <h2>Qu'est-ce qu'une identité numérique décentralisée?</h2>
     <p>
         C'est <span class="text-secondary">un moyen de s'identifier en prouvant qu'on est le propriétaire

wco/apxauth/screensignup_fr.mustache

@@ -1,10 +1,10 @@
 <div class="w-full">
-  <p data-wco="createid" class="text-center text-neutral-content">
+  <p data-wco="createid" class="text-center text-neutral-content w-full">
     {{{signuptitle}}}
   </p>
   <div class="paramid space-y-3 w-full">
       <div class="mt-2">
-        <label class="input validator mbt-1 w-full max-w-full">
+        <label class="input validator mbt-1 w-full">
           <svg class="h-[1em] opacity-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
             <g
               stroke-linejoin="round"
@@ -32,7 +32,7 @@
         </div>
       </div>
       <div class="mt-2">
-        <label class="input validator mt-1 w-full max-w-full">
+        <label class="input validator mt-1 w-full">
           <svg class="h-[1em] opacity-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
             <g
               stroke-linejoin="round"
@@ -52,7 +52,7 @@
         </div>
       </div>
       <div class="mt-2">  
-        <label class="input mt-1 w-full max-w-full">
+        <label class="input mt-1 w-full">
           <svg class="h-[1em] opacity-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
             <g
               stroke-linejoin="round"
@@ -81,12 +81,12 @@
         </button>
       </div>
   </div>
-  <div class="getmykeys hidden mt-1">
+  <div class="getmykeys hidden mt-1 w-full">
     <div class="flex m-6">
       <div class="w-14 flex-none">
             <input type="checkbox" checked="checked" class="signuptrustedcheck checkbox checkbox-secondary" />
       </div>
-      <div class="flex-1">
+      <div class="flex-1 w-full">
         <p class="text-sm text-justify" >{{{trusttext}}}</p>
       </div>
     </div>