Applied CSS for "show password box" to other themes

[jirafeau/jirafeau.git] / media / elegantish / elegantish.css

diff --git a/media/elegantish/elegantish.css b/media/elegantish/elegantish.css
index 7e04ac8624353de5512fa9f930406815d410d40b..253bcd018f4c25aff524331a3698d4980bd57814 100644 (file)
--- a/media/elegantish/elegantish.css
+++ b/media/elegantish/elegantish.css
@@ -286,6 +286,26 @@ input[type="submit"]:focus {
   background: url(email.png) no-repeat;
 }
 
+#show_password {
+  flex: 1 1 auto;
+  position: absolute;
+  right: 0%;
+  background: none;
+  border: none;
+  cursor: pointer;
+  opacity: 30%;
+}
+#show_password:hover {
+  opacity: 100%;
+}
+
+.passwordcolumn {
+  display: flex;
+  position: relative;
+  align-items: center;
+  width: 100%;
+}
+
 /* ==========================================================================
    5 = Terms of service
    ========================================================================== */