From 134300001cc02d596c2b7b314d06cf7ad8514444 Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Thu, 7 Jun 2018 14:03:54 +0800
Subject: [PATCH] FIX: user-fields layout in desktop create account form

---
 app/assets/stylesheets/desktop/login.scss | 33 ++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/desktop/login.scss b/app/assets/stylesheets/desktop/login.scss
index 0828ae0e693..341053187f8 100644
--- a/app/assets/stylesheets/desktop/login.scss
+++ b/app/assets/stylesheets/desktop/login.scss
@@ -75,7 +75,8 @@
     flex: 1 1 50%;
     align-items: center;
     padding: 0 15px;
-    form, table {
+    form,
+    table {
       width: 100%;
     }
 
@@ -93,13 +94,39 @@
     input,
     label {
       margin-bottom: 0;
-      width: 100%;      
+      width: 100%;
     }
     .tip {
       max-width: 340px;
     }
   }
 
+  .user-field {
+    display: flex;
+    flex-direction: column;
+
+    &.confirm {
+      margin-top: 5px;
+    }
+
+    > label {
+      width: auto;
+      font-weight: bold;
+    }
+
+    .select-kit {
+      width: 242px; // match text-input width
+    }
+
+    .controls {
+      margin-left: 0;
+
+      .instructions {
+        margin-top: 5px;
+      }
+    }
+  }
+
   .invites-show {
     padding-top: 20px;
 
@@ -174,4 +201,4 @@
       width: 240px;
     }
   }
-}
\ No newline at end of file
+}