From 1c20967ca464e8e51e7dbf8f02b453b14413fa3c Mon Sep 17 00:00:00 2001
From: luisramos0 <luisramos0@gmail.com>
Date: Sat, 4 Aug 2018 20:00:24 +0100
Subject: [PATCH] Added a button to close the cookies policy page at the bottom
 of the page to improve UX on mobile

---
 .../darkswarm/cookies_policy/cookies_policy.html.haml |  3 +++
 app/assets/stylesheets/darkswarm/modals.css.scss      | 11 +++++++++++
 2 files changed, 14 insertions(+)

diff --git a/app/assets/javascripts/darkswarm/cookies_policy/cookies_policy.html.haml b/app/assets/javascripts/darkswarm/cookies_policy/cookies_policy.html.haml
index 2e9f5f1cd6..aaef3324c7 100644
--- a/app/assets/javascripts/darkswarm/cookies_policy/cookies_policy.html.haml
+++ b/app/assets/javascripts/darkswarm/cookies_policy/cookies_policy.html.haml
@@ -175,3 +175,6 @@
 
 %a.close-reveal-modal{"ng-click" => "$close()"}
   %i.ofn-i_009-close
+
+%a.mobile-close-reveal-modal{"ng-click" => "$close()"}
+  %i.ofn-i_009-close
diff --git a/app/assets/stylesheets/darkswarm/modals.css.scss b/app/assets/stylesheets/darkswarm/modals.css.scss
index 69ad042374..f477ba92f8 100644
--- a/app/assets/stylesheets/darkswarm/modals.css.scss
+++ b/app/assets/stylesheets/darkswarm/modals.css.scss
@@ -55,6 +55,17 @@ dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
   }
 }
 
+.reveal-modal .mobile-close-reveal-modal, dialog .mobile-close-reveal-modal {
+  @extend .close-reveal-modal;
+  position: relative;
+  top: auto;
+  left: 90%;
+
+  @media only screen and (min-width: 40.063em) {
+    display: none;
+  }
+}
+
 // Prevent body from scrolling when a modal is open
 body.modal-open {
   overflow: hidden;