fix new profile

css/src/main.css

@@ -77,6 +77,16 @@ header .alt-currency {
   background: #16A085;
 }
 
+.panel h3, .box-setup h3 {
+  font-weight: 700;
+  font-size: 16px;
+  color: #2C3E50;
+  text-transform: uppercase;
+  border-bottom: 1px solid #E5E7EA;
+  margin-bottom: 1.5rem;
+  padding: 0 0 0.8rem;
+}
+
 .alt-currency {
   background: #2C3E50;
   padding: 0.05rem 0.2rem;
@@ -348,6 +358,7 @@ a:hover {
   border-radius: 4px;
   background: #F2F5F8;
   margin: 0 auto;
+  margin-bottom: 1.6rem;
 }
 
 .box-notification .box-icon {
@@ -362,6 +373,11 @@ a:hover {
   border-bottom-left-radius: 4px;
 }
 
+.box-notification .box-icon.error {
+  background-color: #C0392A;
+}
+
+
 .last-transactions {
   margin-bottom: 2rem;
   background-color: #E8EAEF;
@@ -848,6 +864,14 @@ input {
   border: 0;
 }
 
+label {
+  text-transform: uppercase;
+  font-weight: 700;
+  font-size: 11px;
+  color: #34495E;
+  padding: 0 0.2rem 0.3rem;
+}
+
 button.radius, .button.radius {
   -webkit-border-radius: 3px;
   border-radius: 3px;
@@ -908,6 +932,12 @@ input[type='submit']
     appearance: none;
 }
 
+
+input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
+  color: #7A8C9E;
+  margin-bottom: 1.3rem;
+}
+
 button.secondary, 
 .button.secondary { 
   color: #fff;
@@ -1327,10 +1357,6 @@ a.text-warning:hover {color: #FD7262;}
   border: 0;
 }
 
-.box-setup h3 {
-  color: #fff;
-}
-
 .box-setup h1 {
   font-size: 16px;
   text-transform: uppercase;

views/createProfile.html

@@ -10,45 +10,49 @@
       <div ng-include="'views/includes/version.html'"></div>
     </div> 
     <div class="box-setup">
-      <h1 translate>Create Profile</h1>
+      <h3 class="text-center" translate>Create Profile</h3>
+      <div class="box-notification" ng-show="error">
+        <div class="box-icon error">
+          <i class="fi-x size-24"></i>
+        </div> 
+        <span class="text-warning size-14">
+          {{error|translate}}
+        </span>
+      </div>
       <form name="profileForm" ng-submit="createProfile(profileForm)" novalidate>
         <div class="row collapse">
           <div class="small-12 columns">
+            <label class="left" for="insightLivenet">Email</label>
+            <span translate class="has-error right size-12" ng-show="profileForm.email.$invalid &&
+              !profileForm.email.$pristine || error">
+              <span class="icon-input"><i class="fi-x"></i></span>
+              Not valid
+            </span>
+            <span class="icon-input right" ng-show="!profileForm.email.$invalid &&
+              !profileForm.email.$pristine || error"><i class="fi-check"></i></span>
             <input type="email" ng-model="email" class="form-control fi-email"
             name="email" placeholder="Email" required>
-            <small class="icon-input" ng-show="!profileForm.email.$invalid &&
-              !profileForm.email.$pristine && !error"><i class="fi-check"></i></small>
-            <small class="icon-input" ng-show="profileForm.email.$invalid &&
-              !profileForm.email.$pristine || error"><i class="fi-x"></i></small>
           </div>
-          <p class="text-warning size-12"
-          ng-show="error">
-          <i class="fi-x"></i> 
-          {{error|translate}}
-          </p>
  
         </div>
+        <label class="left" for="insightLivenet">Password</label>
         <input id="password" type="password" ng-model="$parent.password"
         class="form-control" name="password" placeholder="{{'Choose a password'|translate}}" check-strength="passwordStrength" 
         tooltip-html-unsafe="Password strength: <i>{{passwordStrength}}</i><br/><span class='size-12'>Tip: Use lower and uppercase, numbers and symbols</span>" tooltip-trigger="focus" required tooltip-placement="right">
 
         <div class="pr">
+          <label class="left" for="insightLivenet">Confirm Password</label>
+          <span translate class="has-error right size-12" ng-show="profileForm.repeatpassword.$dirty &&
+            profileForm.repeatpassword.$invalid">
+            <span class="icon-input"><i class="fi-x"></i></span>
+            {{'Passwords must match'|translate}}
+          </span>
+          <span class="icon-input right" ng-show="profileForm.repeatpassword.$dirty &&
+            !profileForm.repeatpassword.$invalid"><i class="fi-check"></i></span>
           <input type="password" ng-model="repeatpassword"
           class="form-control" name="repeatpassword" 
           placeholder="{{'Repeat password'|translate}}"
-          match="password" required >
-          <small class="icon-input"
-            ng-show="profileForm.repeatpassword.$dirty &&
-            !profileForm.repeatpassword.$invalid"><i class="fi-check"></i></small>
-          <small class="icon-input"
-            ng-show="profileForm.repeatpassword.$dirty &&
-            profileForm.repeatpassword.$invalid"><i class="fi-x"></i></small>
-          <p class="text-warning size-12"
-          ng-show="profileForm.repeatpassword.$dirty &&
-          profileForm.repeatpassword.$invalid">
-          <i class="fi-x"></i> 
-          {{'Passwords must match'|translate}}
-          </p>
+          match="password" required >  
         </div>
         <button translate type="submit" class="button primary radius expand m0"
           ng-disabled="profileForm.$invalid || loading">