add style on notification email

css/src/main.css

@@ -283,15 +283,16 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
   -moz-box-shadow:    inset 0px -1px 1px 0px rgba(159,47,34,0.30);
   box-shadow:         inset 0px -1px 1px 0px rgba(159,47,34,0.30);
   color: #FFFFFF;
-  background-color: #D0021B;
+  background-color: #A02F23;
   position: absolute;
   left: 250px;
   right: 0;
-  top: 62px;
-  padding: 10px 0;
+  bottom: 0;
+  padding: 10px 2rem;
   z-index: 9;
   font-size: 14px;
-  text-align: center;
+  text-align: left;
+  line-height: 17px;
 }
 
 .status-first-line {

css/src/mobile.css

@@ -58,6 +58,11 @@
     padding: 12px 5px;
   }
 
+  .status {
+    bottom: 66px;
+    left: 0;
+  }
+
   .left-off-canvas-menu {
     background: #E4E8EC;
     line-height: 24px;

index.html

@@ -49,10 +49,12 @@
           <i class="fi-loop icon-rotate"></i>
           <span translate> <strong class="size-16">Network Error</strong>.<br> Attempting to reconnect..</span>
         </span>
-        <span class="status" ng-if="$root.needsEmailConfirmation">
-          <i class="fi-alert"></i>
-          <span translate> <strong class="size-16">email not confirmed</strong>.<br> Please confirm your email address 
-   using the confirmation link at the message we sent you</span>
+        <span class="status" ng-if="$root.needsEmailConfirmation"> 
+          <i class="fi-alert size-36 left m20r"></i>
+          <span translate> 
+            <strong class="size-16">Email not confirmed</strong>.<br> 
+            Please confirm your email address using the confirmation link at the message we sent you
+          </span>
         </span>
  
         <nav class="tab-bar"  ng-if="$root.iden" >