From ce45d4cd8e1e0b65c15776b44a7ec2a7b9ff8b12 Mon Sep 17 00:00:00 2001
From: Gabriele Cirulli <gabrycir@gmail.com>
Date: Tue, 11 Mar 2014 16:16:42 +0100
Subject: [PATCH] improve bitcoin popup for mobile

---
 style/main.css  |  9 +++++++++
 style/main.scss | 18 ++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/style/main.css b/style/main.css
index 568b1df..ca5137e 100644
--- a/style/main.css
+++ b/style/main.css
@@ -697,3 +697,12 @@ hr {
     opacity: 1;
     top: -45px;
     pointer-events: auto; }
+  @media screen and (max-width: 480px) {
+    .btc-donate .address {
+      margin-right: -85px;
+      width: 300px; }
+      .btc-donate .address code {
+        font-size: 13px; }
+      .btc-donate .address:after {
+        left: 73%;
+        bottom: 2px; } }
diff --git a/style/main.scss b/style/main.scss
index 0918d7a..f363be0 100644
--- a/style/main.scss
+++ b/style/main.scss
@@ -559,4 +559,22 @@ hr {
       pointer-events: auto;
     }
   }
+
+  // Styles for small screens
+  @include smaller(480px) {
+    .address{
+      margin-right: -85px;
+      // background: red;
+      width: 300px;
+
+      code {
+        font-size: 13px;
+      }
+
+      &:after {
+        left: 73%;
+        bottom: 2px;
+      }
+    }
+  }
 }
-- 
GitLab