From 9049c3148d819e01ee656bf2ff602ce8ae23deff Mon Sep 17 00:00:00 2001
From: JDonadio <tanojaja@gmail.com>
Date: Thu, 23 Mar 2017 11:07:47 -0300
Subject: [PATCH] improve responsiveness

---
 src/sass/views/deadview.scss |  6 ++++++
 src/sass/views/pincode.scss  | 21 +++++++++++++++++++--
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/sass/views/deadview.scss b/src/sass/views/deadview.scss
index 06c9ee17c..7fdc3d318 100644
--- a/src/sass/views/deadview.scss
+++ b/src/sass/views/deadview.scss
@@ -7,6 +7,9 @@
   }
   .img-container-copay {
     padding: 20%;
+    @media(min-width: 480px) {
+      max-height: 150px;
+    }
     .big-icon-svg {
       > .bg {
         @include img-frame;
@@ -16,6 +19,9 @@
   }
   .img-container-bitpay {
     padding: 20%;
+    @media(min-width: 480px) {
+      max-height: 150px;
+    }
     .big-icon-svg {
       > .bg {
         @include img-frame;
diff --git a/src/sass/views/pincode.scss b/src/sass/views/pincode.scss
index f81621c3f..6974c2360 100644
--- a/src/sass/views/pincode.scss
+++ b/src/sass/views/pincode.scss
@@ -32,25 +32,42 @@
         width: 60%;
         margin: 10% auto;
       }
+      @media(min-width: 480px) {
+        span {
+          font-size: 30px;
+          width: 90%;
+        }
+      }
     }
     .block-code {
       width: 50%;
       margin: auto;
+      @media(min-width: 480px) {
+        width: 25%;
+      }
     }
     .block-buttons {
       .col {
         padding: 5%;
       }
+      color: $v-dark-gray;
+      font-size: 1.7rem;
+      font-family: $v-font-family-light;
       cursor: pointer;
       position: absolute;
       bottom: 3%;
       left: 5%;
       width: 90%;
+      @media(min-width: 480px) {
+        left: 15%;
+        width: 70%;
+        max-height: 55%;
+      }
     }
   }
   @mixin circle {
     border-radius: 50%;
-    box-shadow: 0 0 1px 0px rgb( 255, 255, 255);
+    box-shadow: 0 0 3px 0px #5b5b5b;
     transition: background-color .2s ease-in-out;
     padding: 7%;
     margin: 5%;
@@ -67,7 +84,7 @@
     background-color: $v-accent-color;
   }
   .filled-bitpay {
-    background-color: $v-primary-color;
+    background-color: #1f3598;
   }
   .error {
     color: #f13333;