Merge pull request #2755 from cmgustavo/feat/create-tab

Feat/create tab

public/views/create.html

@@ -21,15 +21,17 @@
     </div>
   </div>
 
-  <div class="row m20b">
+  <div class="create-tab">
+    <div class="tab-container">
     <a href 
-      class="small-6 medium-6 large-6 columns text-center" 
-      ng-class="{'text-gray': totalCopayers == 1}"
-      ng-click="create.setTotalCopayers(1)">Personal</a>
+      ng-class="{'selected': totalCopayers == 1}"
+      ng-click="create.setTotalCopayers(1)" translate>Personal Wallet</a>
+    </div>
+    <div class="tab-container">
     <a href 
-      class="small-6 medium-6 large-6 columns text-center" 
-      ng-class="{'text-gray': totalCopayers != 1}"
-      ng-click="create.setTotalCopayers(3)">Multisignature</a>
+      ng-class="{'selected': totalCopayers != 1}"
+      ng-click="create.setTotalCopayers(3)" translate>Shared Wallet</a>
+    </div>
   </div>
 
   <form name="setupForm" ng-submit="create.create(setupForm)" novalidate>

src/css/mobile.css

@@ -726,6 +726,38 @@ textarea:focus
   transform: translate3d(-100%, 0, 0) !important;
 }
 
+.create-tab {
+  width: 100%;
+  border-bottom: 1px solid #DEDFE1;
+  margin-bottom: 25px;
+  padding: 0 0 .5rem 1rem;
+  overflow: hidden;
+}
+
+.create-tab .tab-container {
+  float: left;
+  width: 50%;
+}
+
+.create-tab a {
+  font-size: .7rem;
+  padding: 0 0 .6rem;
+  color: #929396;
+  text-transform: uppercase;
+}
+
+.create-tab a:hover,
+.create-tab a:focus {
+  color: #2C3E50;
+}
+
+.create-tab a.selected, 
+.create-tab a:active {
+  font-weight: 600;
+  color: #2C3E50;
+  border-bottom: 3px solid #2C3E50;
+}
+
 /* removes 300ms in IE */
 -ms-touch-action: manipulation; /* IE10 /
 touch-action: manipulation; /* IE11+ */