From 51f9c23e48d760c4c6f57c82ae2ea86fdf1e2a68 Mon Sep 17 00:00:00 2001
From: Arpit Jalan <arpit@techapj.com>
Date: Fri, 11 Aug 2017 17:33:54 +0530
Subject: [PATCH] UX: add a divider line between regular user fields and custom
 user fields

https://meta.discourse.org/t/differentiate-user-fields-on-signup-form-better/66427/2?u=techapj
---
 app/assets/stylesheets/desktop/login.scss |  4 ++++
 app/assets/stylesheets/mobile/login.scss  | 10 ++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/desktop/login.scss b/app/assets/stylesheets/desktop/login.scss
index a99bf50c0fa..800a954322c 100644
--- a/app/assets/stylesheets/desktop/login.scss
+++ b/app/assets/stylesheets/desktop/login.scss
@@ -57,6 +57,10 @@
     }
   }
 
+  .user-fields {
+    border-top: 1px solid $primary-low;
+    padding-top: 20px;
+  }
 }
 
 .password-reset, .invites-show {
diff --git a/app/assets/stylesheets/mobile/login.scss b/app/assets/stylesheets/mobile/login.scss
index d6aa875ca2a..c5d7bd61ace 100644
--- a/app/assets/stylesheets/mobile/login.scss
+++ b/app/assets/stylesheets/mobile/login.scss
@@ -71,12 +71,18 @@ $input-width: 184px;
 }
 
 .create-account {
+  .user-fields {
+    margin-top: 10px;
+    padding-top: 15px;
+    border-top: 1px solid #e9e9e9;
+  }
+
   .user-field.confirm {
     margin-top: 10px;
     margin-bottom: 10px;
   }
+  
   .user-field {
-    margin-top: 10px;
     label {
       width: $label-width;
     }
@@ -128,4 +134,4 @@ $input-width: 184px;
   .col-image {
     display: none;
   }
-}
\ No newline at end of file
+}