From 4708f6b9c4ec9a055ae5ea0b5ff77dce381a6330 Mon Sep 17 00:00:00 2001
From: Gustavo Maximiliano Cortez <cmgustavo83@gmail.com>
Date: Fri, 22 May 2015 16:41:30 -0300
Subject: [PATCH] Fix animation and topbar

---
 public/views/modals/copayers.html | 6 +++---
 src/css/main.css                  | 2 +-
 src/css/mobile.css                | 9 +++------
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/public/views/modals/copayers.html b/public/views/modals/copayers.html
index c1c167e42..f637ba62c 100644
--- a/public/views/modals/copayers.html
+++ b/public/views/modals/copayers.html
@@ -12,13 +12,13 @@
   </section>
 </nav>
 
-<ul class="no-bullet p60t">
+<ul class="no-bullet p45t">
   <li class="line-b p10" ng-repeat="copayer in copayers">
   <span class="size-12" ng-show="copayer.id == copayerId">
-     <i class="icon-contact size-24 m10r"></i> {{copayer.name}} ({{'Me'|translate}}) <i class="fi-check m5r right"></i>
+     <i class="icon-contact size-24 m10r"></i> {{copayer.name}} ({{'Me'|translate}}) <i class="fi-check m5 right"></i>
   </span>
   <span class="size-12 text-gray" ng-show="copayer.id != copayerId">
-    <i class="icon-contact size-24 m10r"></i> {{copayer.name}}<i class="fi-check m5r right"></i>
+    <i class="icon-contact size-24 m10r"></i> {{copayer.name}}<i class="fi-check m5 right"></i>
   </span>
   </li>
 </ul>
diff --git a/src/css/main.css b/src/css/main.css
index b25d4fd1f..11f5c8a01 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -147,7 +147,7 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
 .content {
   width:100%;
   position: absolute;
-  top: 46px;
+  top: 45px;
   bottom: 0;
   overflow: auto;
 }
diff --git a/src/css/mobile.css b/src/css/mobile.css
index 7c810d919..4a313f2d5 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -90,12 +90,12 @@ _:-ms-fullscreen, :root .main {
 
 .tab-bar {
   background: #FFFFFF;
-  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
   display: block;
   position: fixed;
   width: 100%;
   z-index: 5;
   line-height: 3.2rem;
+  border-bottom: 1px solid #E9E9EC;
 }
 
 .tab-bar h1 {
@@ -410,8 +410,6 @@ to prevent collapsing during animation*/
 }
 
 .CslideInUp {
-  transform: translate3d(0, 100%, 0);
-  -webkit-transform: translate3d(0, 100%, 0);
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
   z-index: 1003;
@@ -427,8 +425,6 @@ to prevent collapsing during animation*/
   z-index: 1003;
 }
 .CslideInRight {
-  -webkit-transform: translate3d(100%, 0, 0);
-  transform: translate3d(100%, 0, 0);
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight;
   z-index: 1003;
@@ -572,6 +568,7 @@ to prevent collapsing during animation*/
   border-radius: 0;
   overflow-y: auto;
   padding-bottom: 20px;
+  outline: 0;
 }
 
 .reveal-modal.animated.slideInRight,
@@ -712,7 +709,7 @@ textarea:focus
   transform: translate3d(-100%, 0, 0);
   width:100%;
   position: absolute;
-  top: 46px;
+  top: 45px;
   bottom: 37px;
   overflow: auto;
   padding-bottom: 40px;