Applied CSS for "show password box" to other themes

[jirafeau/jirafeau.git] / media / courgette / style.css.php

diff --git a/media/courgette/style.css.php b/media/courgette/style.css.php
index 183364c23a69a200444f4e3e9a46f387f60e301b..d6f1e095912853f58fba66566240a23f6f114ebb 100644 (file)
--- a/media/courgette/style.css.php
+++ b/media/courgette/style.css.php
@@ -132,7 +132,7 @@ input[type="submit"]:focus {
   position: relative;
   background: #085B69;
   border-bottom: 5px solid #0D9CB2;
-  margin-bottom: 15px;
+  margin-bottom: 10px;
 }
 
 .inner {
@@ -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
    ========================================================================== */