From 2bb106b4499fa5faf4e6a7f25cb3d320c0285f24 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Mon, 20 Jun 2022 12:47:24 +0200
Subject: [PATCH] fix: adapt to review

---
 app/views/console/users/user.phtml | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/views/console/users/user.phtml b/app/views/console/users/user.phtml
index c8e9df5075..7cfb6f7d40 100644
--- a/app/views/console/users/user.phtml
+++ b/app/views/console/users/user.phtml
@@ -109,7 +109,7 @@
             <input type="hidden" disabled name="userId" data-ls-bind="{{user.$id}}">
 
             <label for="number">Phone number</label>
-            <input name="number" id="number" type="text" autocomplete="off" data-ls-bind="{{user.phone}}" pattern="^\+?[1-9]\d{1,14}$" required class="full-width" title="Phone number with a leading '+' and maximum of 15 digits (+123456789).">
+            <input name="number" id="number" type="text" autocomplete="off" data-ls-bind="{{user.phone}}" pattern="^\+?[1-9]\d{1,14}$" class="full-width" title="Phone number with a leading '+' and maximum of 15 digits (+123456789).">
             <div class="text-fade text-size-xs margin-top-negative-small margin-bottom">Phone number with a leading '+' and maximum of 15 digits (+123456789)</div>
 
             <hr />
@@ -183,22 +183,24 @@
                             <div class="text-align-center">
                                 <img src="" data-ls-attrs="src={{user|avatar}}" data-size="200" alt="User Avatar" class="avatar huge margin-top-negative-xxl" />
 
-                                <div class="margin-top-small" data-ls-bind="Member since {{user.registration|dateText}}"></div>
-                                <div class="margin-top-small" data-ls-if="{{user.email}}">
-                                    <span data-ls-bind="{{user.email}}"></span>
-                                    <span data-ls-if="{{user.emailVerification}} === true">
+                                <div class="margin-top-small margin-bottom-small" data-ls-bind="Member since {{user.registration|dateText}}"></div>
+                                <hr class="margin-top-tiny margin-bottom-tiny" data-ls-if="{{user.email}}">
+                                <div class="margin-top-small margin-bottom-small clear" data-ls-if="{{user.email}}">
+                                    <span data-ls-bind="{{user.email}}" class="pull-start"></span>
+                                    <span data-ls-if="{{user.emailVerification}} === true" class="pull-end">
                                         <span class="tag green">Verified</span>
                                     </span>
-                                    <span data-ls-if="{{user.emailVerification}} !== true">
+                                    <span data-ls-if="{{user.emailVerification}} !== true" class="pull-end">
                                         <span class="tag">Unverified</span>
                                     </span>
                                 </div>
-                                <div class="margin-top-small" data-ls-if="{{user.phone}}">
-                                    <span data-ls-bind="{{user.phone}}"></span>
-                                    <span data-ls-if="{{user.phoneVerification}} === true">
+                                <hr class="margin-top-tiny margin-bottom-tiny" data-ls-if="{{user.phone}}">
+                                <div class="margin-top-small clear" data-ls-if="{{user.phone}}">
+                                    <span data-ls-bind="{{user.phone}}" class="pull-start"></span>
+                                    <span data-ls-if="{{user.phoneVerification}} === true" class="pull-end">
                                         <span class="tag green">Verified</span>
                                     </span>
-                                    <span data-ls-if="{{user.phoneVerification}} !== true">
+                                    <span data-ls-if="{{user.phoneVerification}} !== true" class="pull-end">
                                         <span class="tag">Unverified</span>
                                     </span>
                                 </div>