Improve password prompt UI

2019-11-18 10:56:24 +01:00
parent c9c19b8395
commit 2fd31e8d89
3 changed files with 51 additions and 16 deletions
--- a/customize.dist/src/less2/include/password-input.less
+++ b/customize.dist/src/less2/include/password-input.less
@@ -9,8 +9,27 @@
            flex: 1;
            min-width: 0;
        }
-        label, .fa {
-            margin-left: 10px;
+        .fa {
+            width: 30px;
+            height: 30px;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            &:hover {
+                background-color: rgba(0,0,0,0.1);
+            }
+        }
+    }
+    .cp-password-change-container {
+        display: flex;
+        align-items: center;
+        .cp-password-container {
+            margin-bottom: 0 !important;
+            flex: 1;
+        }
+        button {
+            margin: 0 !important;
        }
    }
 }