icona utente

Step/wwwroot/assets/styles/base/layout.less

@@ -17,7 +17,15 @@
 .persona {
     height: @persona-size;
     width: @persona-size;
-    border-radius: @persona-size /2;
+    border-radius: @persona-size;
+    font-size: @persona-size;
+    text-align: center;
+
+    margin: auto;
+    margin-top: 46px;
+    margin-bottom: 33px;
+
+    border: 2px solid @color-darkish-blue;
 }
 
 .scrollable {

Step/wwwroot/assets/styles/style.css

@@ -914,7 +914,13 @@ footer .container button.big::before {
 .persona {
   height: 88px;
   width: 88px;
-  border-radius: 44px;
+  border-radius: 88px;
+  font-size: 88px;
+  text-align: center;
+  margin: auto;
+  margin-top: 46px;
+  margin-bottom: 33px;
+  border: 2px solid #002680;
 }
 .scrollable {
   overflow-y: scroll;

Step/wwwroot/src/modules/login.vue

@@ -3,7 +3,9 @@
     <div>
       <div class="login-form">
 
-        <img src="assets/profile.png" class="persona block" >
+
+        <i class="fa fa-user persona block"></i>
+
 
       <div class="form-group">
         <label>{{'login_lbl_username' | localize('Nome utente')}}</label>
@@ -27,10 +29,4 @@
   width: 288px;
   margin: auto;
 }
-
-.persona {
-  margin: auto;
-  margin-top: 46px;
-  margin-bottom: 33px;
-}
 </style>

Step/wwwroot/src/modules/user-info-dialog.vue

@@ -3,7 +3,8 @@
     <button class="close" slot="header-buttons" @click="close()"><i class="fa fa-remove"></i></button>
     <div>
       <div class="login-form">
-        <img src="assets/profile.png" class="persona block" >
+        <i class="fa fa-user persona block"></i>
+        <!-- <img src="assets/profile.png"  > -->
       </div>
 
       <section class="user-details">
@@ -34,14 +35,9 @@
 </template>
 <script src="./user-info-dialog.ts" lang="ts"></script>
 <style>
-.persona {
-  margin: auto;
-  margin-top: 46px;
-  margin-bottom: 33px;
-}
 
-.user-info
-.login-form {
+
+.user-info .login-form {
   width: 288px;
   margin: auto;
   margin-top: 60px;