From 8fc074358ad05b0e9a3cc2cea9516e5a2122b262 Mon Sep 17 00:00:00 2001
From: Pablo Martin <caedes@sindominio.net>
Date: Thu, 16 Oct 2014 01:49:30 +0200
Subject: [PATCH] Move the buttons to create new pockets to the header for the
 section.

---
 css/app.css              |  6 ++++++
 html/wallet/pockets.html |  8 ++------
 sass/app.scss            | 10 +++++++++-
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/css/app.css b/css/app.css
index 5882d37f..3ce72a58 100644
--- a/css/app.css
+++ b/css/app.css
@@ -3841,6 +3841,12 @@ ul.off-canvas-list {
     color: rgba(255, 255, 255, 0.7);
     border-bottom: 1px solid #262626;
     transition: background 300ms ease; }
+    ul.off-canvas-list li.active a {
+      color: rgba(30, 170, 80,0.9); }
+    ul.off-canvas-list li a.cornerbutton {
+      color: rgba(30, 170, 80,0.9);
+      padding: 0.0rem 0.3rem;
+      border-bottom: none; }
     ul.off-canvas-list li a:hover {
       background: #838383; }
 
diff --git a/html/wallet/pockets.html b/html/wallet/pockets.html
index 77e3f8c0..523ee642 100644
--- a/html/wallet/pockets.html
+++ b/html/wallet/pockets.html
@@ -4,18 +4,14 @@
 			<a class="fa fa-arrow-left" ng-click="titleClick()"></a>
 		</li>
       	<li ng-class="{active: pocket.isAll}" ng-click="selectPocket()"><a>All</a></li>
-      	<li><label>my pockets</label></li>
+      	<li><label>my pockets <a ng-hide="selectedPocket==='newPocket'" class="cornerbutton right" ng-click="newPocket()"> + </a></label></li>
       	<li ng-show="hdPocket" ng-class="{active: 'hd:'+$index===pocket.type+':'+pocket.lastIndex}" ng-repeat="hdPocket in hdPockets track by $index">
         <a href="" ng-click="selectPocket(hdPocket.name, $index, form)" editable-text="forms.pocketName" e-form="form" blur="submit" onaftersave="finalizeRenamePocket(pocket, forms.pocketName)" buttons="no">{{hdPocket.name}}</a>
       </li>
-      <li ng-hide="selectedPocket==='newPocket'">
-        <a class="button expand nomarginbottom" ng-click="newPocket()">New Pocket</a>
-      </li>
       <li class="divider"></li>
-      <li><label>multisig funds</label></li>
+      <li><label>multisig funds <a class="cornerbutton right" ng-click="newMultiSig()"> + </a></label></li>
       <li ng-class="{active: 'multisig:'+$index===selectedPocket}" ng-click="selectFund(fund, $index)" ng-repeat="fund in allFunds track by $index"><a href="">{{fund.name}}</a></li>
       <li>
-      <a class="button expand nomarginbottom" ng-click="newMultiSig()">New Multisig fund</a>
       </li>
       <li ng-show="forms.readOnlyArray.length"><label>Watch-only pockets</label></li>
       <li ng-class="{active: 'readonly:'+$index===selectedPocket}" ng-repeat="readOnlyPocket in forms.readOnlyArray track by $index"><a ng-click="selectReadOnly(readOnlyPocket, $index)"href="">{{readOnlyPocket.name}}</a></li>
diff --git a/sass/app.scss b/sass/app.scss
index 707df002..943704e3 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -283,7 +283,15 @@ li.colorhead h6 { color: white; margin: 0; }
 	 /* ----------------------- */
 ul.off-canvas-list {
 	li a:hover {  }
-	 li.active, li.active a:hover { font-weight: $font-weight-normal; background: $body-bg; }
+	li a.cornerbutton {
+		color: $primary-color-dark;
+		padding: 0.0rem 0.3rem;
+		border-bottom: none;
+	}
+	li.active a {
+		color: $primary-color-dark;
+	}
+	li.active, li.active a:hover { font-weight: $font-weight-normal; background: $body-bg; }
  }
 
 .fiat:not(:empty) {