From dbd0fcc86d9ac85ff6f78618786d84176af7f5da Mon Sep 17 00:00:00 2001
From: Guo Xiang Tan <tgx_world@hotmail.com>
Date: Fri, 30 Dec 2016 13:58:12 +0800
Subject: [PATCH] UX: Add border to `.modal-header` on mobile.

---
 app/assets/stylesheets/common/base/modal.scss | 4 ++++
 app/assets/stylesheets/desktop/modal.scss     | 1 -
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss
index d1fd8fbb412..09b81cea1b5 100644
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@@ -16,6 +16,10 @@
   color: dark-light-diff($secondary, $primary, 30%, -35%);
 }
 
+.modal-header {
+  border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
+}
+
 .modal-backdrop {
   position: fixed;
   top: 0;
diff --git a/app/assets/stylesheets/desktop/modal.scss b/app/assets/stylesheets/desktop/modal.scss
index cf4902e5af7..e35b93fa117 100644
--- a/app/assets/stylesheets/desktop/modal.scss
+++ b/app/assets/stylesheets/desktop/modal.scss
@@ -47,7 +47,6 @@
 }
 
 .modal-header {
-  border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
   h3 {
     font-size: 1.429em;
     padding: 10px 15px 7px;