[#4] Styled flip back button, reduced offset height when flipping

LetterboxDev · Oct 16, 2015 · 4f96c62 · 4f96c62
1 parent 9d3cca3
commit 4f96c62
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/scss/ionic.app.scss b/scss/ionic.app.scss
@@ -456,7 +456,7 @@ $ios-side-menu-title-height: 120px;
 
   .card-buttons {
     border: 0;
-    padding: 3vh 5vh 6vh;
+    padding: 3vh 5vh 7vh;
 
     display: flex;
     display: -webkit-flex; /* Safari */
@@ -545,7 +545,7 @@ $ios-side-menu-title-height: 120px;
     .back {
       height: 100%;
       position: absolute;
-      top: -5%; // This is a hack
+      top: -3%; // This is a hack
       -webkit-transform: rotateY(180deg);
       .back-container {
         height: 100%;

diff --git a/www/templates/home.html b/www/templates/home.html
@@ -52,9 +52,10 @@ <h3>Mutual Friends</h3>
                     <h3>Likes</h3>
                   </div>
                   <div class="item item-footer card-buttons">
-                    <span class="button-flip">
-                      <i class="icon ion-ios-undo button-back"></i>
-                    </span>
+                    <div class="card-button button-flip button-back">
+                      <i class="icon ion-ios-undo"></i>
+                      <div class="button-detail">back</div>
+                    </div>
                   </div>
                 </div>
               </div>