fix reconnect notification style

css/src/main.css

@@ -129,16 +129,21 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
 }
 
 .status {
-  border: 1px solid #f0c36d;
-  background-color: #f9edbe;
+  font-weight: 700;
+  -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: #CA5649;
+  background-color: #E2CFD0;
   position: absolute;
   margin-left: auto;
   margin-right: auto;
-  left: 0;
+  left: 250px;
   right: 0;
-  top: 10px;
-  width: 215px;
-  padding: 7px;
+  top: 0;
+  width: 100%;
+  padding: 20px 50px;
+  height: 60px;
+  z-index: 9999;
 }
 
 .join label, 
@@ -292,7 +297,7 @@ a:hover {
 .last-transactions-content .box-status {
   font-size: 13px;
   width: 30px;
-}
+} 
 
 .last-transactions-content .box-copayer {
   width: 100px;

index.html

@@ -13,7 +13,10 @@
   <div class="page">
     <div class="off-canvas-wrap">
       <div class="inner-wrap">
-        <span class="status" ng-if="$root.reconnecting">Attempting to reconnect...</span>
+        <span class="status" ng-if="$root.reconnecting">
+          <i class="fi-loop icon-rotate m15r"></i>
+          Attempting to reconnect...
+        </span>
         <nav class="tab-bar" ng-class="{'hide-tab-bar' : !$root.wallet ||
           !$root.wallet.isReady() || $root.wallet.isLocked}">
           <section class="left-small">