Registrazione: far comparire tutti i campi una volta inseriti... cosi comparirà l'errore

src/components/CRegistration/CRegistration.vue

@@ -14,6 +14,15 @@
         :label="$t('reg.submit')"
       >
       </q-btn>
+      <q-btn
+        color="blue"
+        label="pippo"
+        type="a"
+        size="sm"
+        href="http://pippo.it"
+        target="_blank"
+      >
+      </q-btn>
     </div>
     <q-carousel
       v-if="start"
@@ -99,45 +108,38 @@
                 <div
                   v-if="site.confpages.enableRegMultiChoice"
                   style=""
-                  class="row q-ma-sm centermydiv2 q-pa-sm justify-center"
+                  class="column q-ma-sm centermydiv2 q-pa-sm justify-center"
                 >
-                  <span
-                    v-if="!invited"
-                    :class="
-                      ($q.dark.isActive ? `text-white` : `text-black`) +
-                      ` text-h7`
+                  <q-btn
+                    rounded
+                    type="a"
+                    class="col-xs-12 col-sm-6 flex-item-btn items-center"
+                    icon="fab fa-telegram"
+                    size="md"
+                    color="primary"
+                    :href="
+                      invited
+                        ? tools.getLinkBotTelegram(invited, regexpire)
+                        : `/bot`
                     "
-                    >Chiedi alla persona che ti ha invitato su RISO il suo
-                    <strong>Username</strong></span
+                    :label="$t('reg.bytelegram')"
                   >
-                  <div class="row items-center">
-                    <div class="col-12">
-                      <q-btn
-                        rounded
-                        type="a"
-                        class="flex-item-btn"
-                        icon="fab fa-telegram"
-                        size="md"
-                        color="primary"
-                        :href="invited ? tools.getLinkBotTelegram(invited, regexpire) : `/bot`"
-                        :label="$t('reg.bytelegram')"
-                      >
-                        <q-badge color="red" align="bottom" floating
-                          >Consigliato</q-badge
-                        >
-                      </q-btn>
-                    </div>
-                  </div>
+                    <q-badge color="red" align="bottom" floating
+                      >Consigliato</q-badge
+                    >
+                  </q-btn>
                   <div
                     :class="
-                      $q.dark.isActive ? `text-white` : `text-black` + ` col-12`
+                      $q.dark.isActive
+                        ? `text-white`
+                        : `text-black` + ` col-12 text-center`
                     "
                   >
-                    oppure se non riesci ad installare Telegram:
+                    se non riesci ad installare Telegram:
                   </div>
                   <q-btn
                     rounded
-                    class="flex-item-btn"
+                    class="flex-item-btn col-xs-12 col-sm-6"
                     outline
                     icon="fas fa-envelope"
                     size="md"