From 9151d96af61a94b5cefd5e0334eeab8db52e66cb Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Tue, 13 Jan 2015 15:33:01 -0300
Subject: [PATCH] add style on add wallet section

---
 css/src/main.css | 61 +++++++++++++++++++++++++++++++++++++++++++-----
 views/add.html   | 34 +++++++++++++++------------
 2 files changed, 74 insertions(+), 21 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index 191f76bbd..765d52281 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -319,6 +319,27 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
   line-height: 24px;
 }
 
+.buttons-sidebar {
+  color: #A5B2BF;
+  font-weight: 700;
+  font-size: 12px;
+  display: block;
+  padding: 0.5rem 0;
+  line-height: 16px;
+}
+
+.buttons-sidebar .col1 {
+  margin-top: 2px;
+}
+
+.buttons-sidebar .col1 i {
+  background-color: #2C3E50;
+  color: #A5B2BF;
+  border-radius: 100%;
+  padding: .3rem 0.55rem;
+  margin: 0 7px;
+}
+
 .button.small.side-bar {
   padding: 0rem 0.4rem;
 }
@@ -483,15 +504,43 @@ ul.tx-copayers {
   color: #2C3E50;
 }
 
-a.button-setup.add-wallet {
-  opacity: .5;
-  margin: 1rem auto;
-  width: 125px;
-  font-size: 14px;
-  padding: .3rem 0.7rem;
+.manage a {
+  text-align: center;
+  text-transform: uppercase;
+  font-weight: 700;
+  color: #1ABC9C;
+}
+
+.manage a.join {
+  color: #2980B9;
+}
+
+.manage a.import {
+  color: #213140;
+}
+
+
+
+.manage a i {
+  background-color: #1ABC9C;
+  width: 60px;
+  height: 60px;
+  padding: 0.85rem;
+  border-radius: 100%;
+  display: block;
+  font-size: 30px;
+  margin: 0 auto 20px;
   color: #fff;
 }
 
+.manage a.join i {
+  background-color: #2980B9;
+}
+
+.manage a.import i {
+  background-color: #213140;
+}
+
 a.button-setup {
   border-radius: 3px;
   border: 1px solid #E4E8EC;
diff --git a/views/add.html b/views/add.html
index aee67848a..3fb5ee717 100644
--- a/views/add.html
+++ b/views/add.html
@@ -1,16 +1,20 @@
-<div class="small-12 columns add-wallet">
-	<a class="button-setup db oh" title="Create new wallet" ng-click="$root.go('create')">
-		<i class="fi-plus"></i>	  
-		<span>Create new wallet</span>
-	</a>
-
-	<a class="button-setup db oh" title="Join shared wallet" ng-click="$root.go('join')">
-		<i class="icon-people"></i>	  
-		<span>Join shared wallet</span>
-	</a>
-
-	<a class="button-setup db oh" title="Import wallet" ng-click="$root.go('import')">
-		<i class="icon-upload"></i>	  
-		<span>Import wallet</span>
-	</a>
+<div class="row manage text-center">
+	<div class="large-4 small-12 columns">
+		<a class="db oh panel" title="Create new wallet" ng-click="$root.go('create')">
+			<i class="fi-plus"></i>	  
+			<span>Create new wallet</span>
+		</a>
+	</div>
+	<div class="large-4 small-12 columns">
+		<a class="db oh panel join" title="Join shared wallet" ng-click="$root.go('join')">
+			<i class="icon-people"></i>	  
+			<span>Join shared wallet</span>
+		</a>
+	</div>
+	<div class="large-4 small-12 columns">
+		<a class="db oh panel import" title="Import wallet" ng-click="$root.go('import')">
+			<i class="icon-upload"></i>	  
+			<span>Import wallet</span>
+		</a>
+	</div>
 </div>
\ No newline at end of file