Merge pull request #2792 from bechi/details

Details

public/views/copayers.html

@@ -21,7 +21,7 @@
       </div>
     </div>
     <div class="text-center m10t" ng-if="index.isCordova">
-      <span class="button outline dark-gray tiny" 
+      <span class="button outline round dark-gray tiny"
         ng-click="copayers.shareSecret(index.walletSecret)">
         <i class="fi-share"></i>
         <span translate>Share invitation</span>
@@ -48,7 +48,7 @@
         <h1 translate>Wallet incomplete and broken</h1>
         <h4 translate>Delete it and create a new one</h4>
       </div>
-      <button class="small warning expand" ng-click="copayers.deleteWallet()">
+      <button class="small warning expand round" ng-click="copayers.deleteWallet()">
         <i class="fi-trash"></i> <span translate>Cancel</span>
       </button>
     </div>
@@ -58,4 +58,3 @@
 
 
 <div class="extra-margin-bottom"></div>
-

public/views/create.html

@@ -21,17 +21,19 @@
     </div>
   </div>
 
-  <div class="create-tab" ng-hide="create.hideTabs">
-    <div class="tab-container">
+  <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">
+    <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>

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,