add bigger font-size on all survey buttons and adjust top margin for …

…welcome title
CirclesUBI · Jul 19, 2023 · 932f9e1 · 932f9e1
1 parent b19dd04
commit 932f9e1
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 11 deletions.
diff --git a/shell/src/dapps/o-survey/components/InformedConsentFirstSurvey.svelte b/shell/src/dapps/o-survey/components/InformedConsentFirstSurvey.svelte
@@ -78,12 +78,15 @@ function handleClick(button) {
     {/if}
     <div class="flex flex-row justify-around mt-10 mb-5 text-center">
       <div>
-        <button class="relative px-8 overflow-hidden transition-all transform btn bg-cpurple border-warning text-warning" on:click="{() => handleClick('back')}">
+        <button class="relative px-8 overflow-hidden transition-all transform btn bg-cpurple border-warning text-warning text-lg" on:click="{() => handleClick('back')}">
           {$_("dapps.o-homepage.components.survey.button.goBack")}</button>
       </div>
       <div>
         {#if $myForm.dirty}
-          <button class="relative px-8 overflow-hidden transition-all transform btn btn-primary bg-primary text-cpurple" on:click="{() => handleClick('next')}" disabled="{!$myForm.valid}">
+          <button
+            class="relative px-8 overflow-hidden transition-all transform btn btn-primary bg-primary text-cpurple text-lg"
+            on:click="{() => handleClick('next')}"
+            disabled="{!$myForm.valid}">
             {$_("dapps.o-homepage.components.survey.button.next")}</button>
         {/if}
       </div>

diff --git a/shell/src/dapps/o-survey/components/InformedConsentSecondSurvey.svelte b/shell/src/dapps/o-survey/components/InformedConsentSecondSurvey.svelte
@@ -80,12 +80,15 @@ function handleClick(button) {
     {/if}
     <div class="flex flex-row justify-around mt-10 mb-5 text-center">
       <div>
-        <button class="relative px-8 overflow-hidden transition-all transform btn bg-cpurple border-warning text-warning" on:click="{() => handleClick('back')}">
+        <button class="relative px-8 overflow-hidden transition-all transform btn bg-cpurple border-warning text-warning text-lg" on:click="{() => handleClick('back')}">
           {$_("dapps.o-homepage.components.survey.button.goBack")}</button>
       </div>
       <div>
         {#if $myForm.dirty}
-          <button class="relative px-8 overflow-hidden transition-all transform btn btn-primary bg-primary text-cpurple" on:click="{() => handleClick('next')}" disabled="{!$myForm.valid}">
+          <button
+            class="relative px-8 overflow-hidden transition-all transform btn btn-primary bg-primary text-cpurple text-lg"
+            on:click="{() => handleClick('next')}"
+            disabled="{!$myForm.valid}">
             {$_("dapps.o-homepage.components.survey.button.next")}</button>
         {/if}
       </div>

diff --git a/shell/src/dapps/o-survey/components/SignUpInvitation.svelte b/shell/src/dapps/o-survey/components/SignUpInvitation.svelte
@@ -41,10 +41,10 @@ async function handleClick(button) {
       <div class="text-sm text-center text-info">
         <Label key="dapps.o-homepage.components.survey.signupInvitation.noInvitationCode" />
       </div>
-      <button class="relative px-8 mt-6 overflow-hidden transition-all transform btn btn-primary" on:click="{() => handleClick('back')}">
+      <button class="relative px-8 mt-6 overflow-hidden transition-all transform btn btn-primary text-lg" on:click="{() => handleClick('back')}">
         {$_("dapps.o-homepage.components.survey.button.goBack")}</button>
     {:else}
-      <button class="relative px-8 overflow-hidden transition-all transform btn btn-primary" on:click="{() => handleClick('submit')}">
+      <button class="relative px-8 overflow-hidden transition-all transform btn btn-primary text-lg" on:click="{() => handleClick('submit')}">
         {$_("dapps.o-homepage.components.survey.button.signUpNow")}</button>
     {/if}
   </div>

diff --git a/shell/src/dapps/o-survey/components/UserDataCollectionSurvey.svelte b/shell/src/dapps/o-survey/components/UserDataCollectionSurvey.svelte
@@ -253,7 +253,7 @@ const options = {
             {#if $inviteUrl}
               <span class="text-sm grow text-success">{$_("dapps.o-homepage.components.survey.userDataCollection.inviteValid")}</span>
             {:else}
-              <button class="px-8 overflow-hidden transition-all transform grow btn btn-primary" on:click="{() => handleClick('openQRCode')}" disabled="{$inviteUrl}">
+              <button class="px-8 overflow-hidden transition-all transform grow btn btn-primary text-lg" on:click="{() => handleClick('openQRCode')}" disabled="{$inviteUrl}">
                 {$_("dapps.o-homepage.components.survey.button.scanInviteNow")}
               </button>
             {/if}
@@ -279,12 +279,15 @@ const options = {
       {/if}
       <div class="flex flex-row justify-between w-full pr-4 mt-10 mb-5 text-center">
         <div>
-          <button class="relative px-8 overflow-hidden transition-all transform btn bg-cpurple border-warning text-warning" on:click="{() => handleClick('back')}">
+          <button class="relative px-8 overflow-hidden transition-all transform btn bg-cpurple border-warning text-warning text-lg" on:click="{() => handleClick('back')}">
             {$_("dapps.o-homepage.components.survey.button.goBack")}</button>
         </div>
         <div>
           {#if $myForm.dirty}
-            <button class="relative px-8 overflow-hidden transition-all transform btn btn-primary bg-primary text-cpurple" on:click="{() => handleClick('next')}" disabled="{!$myForm.valid}">
+            <button
+              class="relative px-8 overflow-hidden transition-all transform btn btn-primary bg-primary text-cpurple text-lg"
+              on:click="{() => handleClick('next')}"
+              disabled="{!$myForm.valid}">
               {$_("dapps.o-homepage.components.survey.button.next")}</button>
           {/if}
         </div>

diff --git a/shell/src/dapps/o-survey/components/WelcomeSurvey.svelte b/shell/src/dapps/o-survey/components/WelcomeSurvey.svelte
@@ -9,7 +9,7 @@ function handleClick() {
 </script>
 
 <div class="p-1 px-4 overflow-hidden text-white whitespace-pre-line xs:p-3 xs:-mt-2 font-heading">
-  <div class="flex flex-col items-center justify-center">
+  <div class="flex flex-col items-center justify-center mt-8">
     <div class="ml-2 text-4xl text-white uppercase">
       <Label key="dapps.o-homepage.components.survey.title.top" />
     </div>
@@ -30,7 +30,7 @@ function handleClick() {
   </div>
   <div class="flex flex-row items-start justify-around pt-8 mb-5 text-center align-top">
     <div>
-      <button class="relative px-8 overflow-hidden transition-all transform btn btn-primary bg-primary text-cpurple" on:click="{() => handleClick()}">
+      <button class="relative px-8 overflow-hidden transition-all transform btn btn-primary bg-primary text-cpurple text-lg" on:click="{() => handleClick()}">
         {$_("dapps.o-homepage.components.survey.button.next")}</button>
     </div>
   </div>