user edit page design improved

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -3016,4 +3016,38 @@ img.lazy{
   input[type="password"]{
     max-width: 95%;
   }
+}
+
+form#user-form {
+  max-width: 800px;
+  label {
+    display: inline-block;
+    width: 14em;
+    font-weight: bold;
+  }
+  input{
+    width: 16em;
+  }
+  .description{
+    padding: 1em 0;
+    max-width: 35em;
+  }
+  details{
+    border: none;
+  }
+  .form-item-pass-pass2{
+    margin-top: 1em;
+  }
+  .js-password-confirm-message{
+    padding-top: 0.5em;
+  }
+  .password-strength{
+    padding-top: 0.5em;
+    width: 30em;
+    display: flex;
+    flex-flow: row-reverse;
+    >div{
+      flex: 0 0 50%;
+    }
+  }
 }