commit 093c01ca214c46ce2b92ef656eee367f1c804a3c
author Michael Davis <michael.s.davis@ibm.com> Thu Jul 20 14:30:11 2017 -0500
committer Patrick Williams <patrick@stwcx.xyz> Wed Sep 20 13:14:23 2017 -0500
tree fd8adb533ea4295b4d3725552165e3fa2c1e815a
parent f9ef47856fcc5c0bcc9856a256563f151c52ec3f

Adjust layout of user account page

- password inputs now inline to tighten up page height.
- Adjust dimension of inputs to better match designs.

Change-Id: Id349020541e24440b46b630b0fec2433778b78ce
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

app/users/styles/user-accounts.scss

diff --git a/app/users/styles/user-accounts.scss b/app/users/styles/user-accounts.scss
index a22e3bc..28af84a 100644
--- a/app/users/styles/user-accounts.scss
+++ b/app/users/styles/user-accounts.scss
@@ -1,11 +1,14 @@
+$userInputHeight: 40px;
+
 .user-manage__form {
   label {
-    min-width: 260px;
+    min-width: 210px;
     font-weight: 700;
+    margin-right: 4em;
   }
   input {
-    width: 190px;
-    height: 32px;
+    width: 225px;
+    height: $userInputHeight;
   }
   fieldset {
     display: block;
@@ -16,7 +19,7 @@
 
   .user-manage__input-wrapper {
     position: relative;
-    height: 32px;
+    height: $userInputHeight;
     margin-bottom: 1em;
     input {
       padding-right: 60px;