From ca7cd448101c3e9ff6d06d1d9d14de8d4d963c55 Mon Sep 17 00:00:00 2001
From: Sebastiaan Pasma <sebastiaan@enkodo.nl>
Date: Fri, 13 Jul 2018 12:46:06 +0200
Subject: [PATCH] iPhone SE styles

---
 src/sass/views/tab-send.scss | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/sass/views/tab-send.scss b/src/sass/views/tab-send.scss
index 89c2fc2c4..a4025156f 100644
--- a/src/sass/views/tab-send.scss
+++ b/src/sass/views/tab-send.scss
@@ -6,9 +6,9 @@
     width: 100%;
   }
   &-contacts {
-    height: calc(100vh - 300px /* button container */ - 50px /* bottom-tab-menu */ - 44px /* header top */);
+    height: calc(100vh - 300px - 50px - 44px); /* screen size - button container - bottom-tab-menu - header top */
     &.ios {
-      height: calc(100vh - 300px - 50px - 44px - 20pt); // Remove the notification-bar height on iOS
+      height: calc(100vh - 300px - 50px - 44px - 18px); // Remove the notification-bar height on iOS
     }
     overflow: scroll;
   }
@@ -235,7 +235,8 @@
   }
 
   .card.contacts {
-    margin: 4px;
+    margin: 4px 4px 16px 4px;
+
     border-radius: 6px;
     box-shadow: 0px 2px 1px 0 #C1C1C1;
     .gravatar {
@@ -245,4 +246,24 @@
     }
   }
 
+
+  ///* iPhone 5/SE and other small screen devices */
+  @media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
+    .send-wrapper .buttons .button-qr {
+      height: 60px;
+      span {
+        font-size: 16px;
+      }
+    }
+    #tab-send-header {
+      height: 270px;
+    }
+    #tab-send-contacts {
+      height: calc(100vh - 270px - 50px  - 44px);  /* screen size - button container - bottom-tab-menu - header top */
+      &.ios {
+        height: calc(100vh - 270px - 50px - 44px - 18px); // Remove the notification-bar height on iOS
+      }
+    }
+  }
+
 }