From 4d832258ee76d7a5c887d1815a287019d4fd9738 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Fri, 29 May 2015 16:50:11 -0300
Subject: [PATCH] fix create tabs

---
 public/views/create.html | 14 ++++++++------
 src/css/mobile.css       |  6 ++++--
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/public/views/create.html b/public/views/create.html
index 14f1c6abd..0a2bdb423 100644
--- a/public/views/create.html
+++ b/public/views/create.html
@@ -21,17 +21,19 @@
     </div>
   </div>
 
-  <div class="create-tab" ng-hide="create.hideTabs">
-    <div class="tab-container">
-    <a href 
+  <div class="create-tab small-only-text-center" ng-hide="create.hideTabs">
+    <div class="row">
+    <div class="tab-container small-6 medium-3 large-2">
+    <a href
       ng-class="{'selected': totalCopayers == 1}"
       ng-click="create.setTotalCopayers(1)" translate>Personal Wallet</a>
     </div>
-    <div class="tab-container">
-    <a href 
+    <div class="tab-container small-6 medium-3 large-2">
+    <a href
       ng-class="{'selected': totalCopayers != 1}"
       ng-click="create.setTotalCopayers(3)" translate>Shared Wallet</a>
     </div>
+    </div>
   </div>
 
   <form name="setupForm" ng-submit="create.create(setupForm)" novalidate>
@@ -62,7 +64,7 @@
         <div class="row" ng-show="totalCopayers != 1">
           <div class="large-6 medium-6 columns">
             <label><span translate>Select total number of copayers</span>
-              <select class="m10t" ng-model="totalCopayers" 
+              <select class="m10t" ng-model="totalCopayers"
                 ng-options="totalCopayers as totalCopayers for totalCopayers in create.TCValues"
                 ng-change="create.setTotalCopayers(totalCopayers)">
               </select>
diff --git a/src/css/mobile.css b/src/css/mobile.css
index 43fa04246..4b183b980 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -248,6 +248,7 @@ ul.copayer-list img {
   font-size: 14px;
 }
 
+
 a.missing-copayers {
   bottom: -34px;
   text-align: center;
@@ -736,19 +737,20 @@ textarea:focus
 
 .create-tab .tab-container {
   float: left;
-  width: 50%;
 }
 
+
 .create-tab a {
   font-size: .7rem;
   padding: 0 0 .6rem;
   color: #929396;
   text-transform: uppercase;
+  font-weight: 500;
 }
 
 .create-tab a:hover,
 .create-tab a:focus {
-  color: #2C3E50;
+  border-bottom: 3px solid #929396;
 }
 
 .create-tab a.selected,