Merge pull request #2093 from bechi/bugs/ui-04

Bugs/ui 04

css/src/main.css

@@ -381,10 +381,9 @@ a:hover {
 }
 
 .box-notification {
-  height: 41px;
   position: relative;
   font-size: 12px;
-  padding: 0.9rem 0.7rem 0.7rem 3rem;
+  padding: 0.7rem 3rem;
   border-radius: 4px;
   background: #F2F5F8;
   margin: 0 auto;
@@ -397,9 +396,16 @@ a:hover {
   left: 0;
   color: white;
   background-color: #1ABC9C;
-  padding: 0.5rem;
+  padding:0 0.5rem;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
+  height: 100%;
+}
+
+.box-notification .box-icon i {
+  position: relative;
+  top: 20%;
+  display: block
 }
 
 .box-notification .box-icon.error {

views/createProfile.html

@@ -205,7 +205,6 @@
     <div class="clipo">
       <img src="img/clipo-pin.png" alt="clipo" width="380">
     </div>
-    <h2><span translate>Set up a PIN? </span></h2>
 
     <div class="box-notification" ng-show="error">
       <div class="box-icon error">

views/home.html

@@ -22,7 +22,7 @@
 
   <div class="large-4 large-centered medium-6 medium-centered columns" ng-show="!$root.starting">
     <div class="logo-setup" ng-show="!$root.iden">
-      <img src="img/logo-negative-beta.svg" alt="Copay" width="100">
+      <img src="img/logo-negative-beta.svg" alt="Cop ay" width="100">
       <div ng-include="'views/includes/version.html'"></div>
     </div>
 
@@ -39,8 +39,9 @@
     </div>
 
     <div ng-if="askForPin">
-      <h2><span translate>Set up a </span> <b> PIN </b>?</h2>
-      <p class="size-14 text-gray">Enter a 4-digit number for easier access from this device</p>
+      <div class="clipo">
+        <img src="img/clipo-pin.png" alt="clipo" width="380">
+      </div>
 
       <div class="box-notification" ng-show="error">
         <div class="box-icon error">
@@ -81,7 +82,9 @@
     </div>
 
     <div ng-if='$root.hasPin && !$root.iden'>
-      <h2><span translate>Enter your </span> <b> PIN</b></h2>
+      <div class="clipo">
+        <img src="img/clipo-pin-enter.png" alt="clipo" width="300">
+      </div>
       <form name="pinForm" novalidate>
         <div class="box-notification" ng-show="error">
           <div class="box-icon error">