From 40e785760a8c18ab3755c02505b54be66643b4f7 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Tue, 9 Sep 2014 15:28:25 -0300
Subject: [PATCH] fix reconnect notification style

---
 css/src/main.css | 19 ++++++++++++-------
 index.html       |  5 ++++-
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index e2982f56f..bea1ac145 100644
--- a/css/src/main.css
+++ b/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;
diff --git a/index.html b/index.html
index 570c9f7d6..26ee2c92f 100644
--- a/index.html
+++ b/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">