change icon on input

css/src/main.css

@@ -949,6 +949,7 @@ input[type=date], input[type=datetime-local], input[type=datetime], input[type=e
   -moz-box-shadow:    inset 1px 1px 0px 0px rgba(0,0,0,0.05);
   box-shadow:         inset 1px 1px 0px 0px rgba(0,0,0,0.05);
   border: none;
+  padding-left: 45px;
 }
 
 button.secondary, 
@@ -1291,6 +1292,19 @@ a:hover .photo-container  {
   float: left;
 }
 
+.input i {
+  position: absolute;
+  top: 22%;
+  left: 10px;
+  font-size: 22px;
+  color: #CAD2DB;
+  border-right: 1px solid #ccc;
+  padding-right: 8px;
+  border-right: 1px solid #E5E8EB;
+  -moz-box-shadow: 1px 0px 0px 0px #FFFFFF;
+  box-shadow: 1px 0px 0px 0px #FFFFFF;
+}
+
 .icon-input {
   font-size: 9px;
   color: #fff;

views/home.html

@@ -56,11 +56,16 @@
           <i class="fi-x"></i> 
           {{error|translate}}
           </p>
- 
-        <input type="email" ng-model="email" class="form-control"
-          name="email" placeholder="Email" required auto-focus>
+        <div class="input pr">
+          <input type="email" ng-model="email" class="form-control"
+            name="email" placeholder="Email" required auto-focus>
+          <i class="fi-mail"></i>
+        </div>
+        <div class="input pr">
         <input type="password" ng-model="password" class="form-control"
           name="password" placeholder="Password" required>
+          <i class="fi-lock"></i>
+        </div>
           
         <button translate type="submit" class="button primary radius expand m0"
           ng-disabled="loginForm.$invalid || loading">