Improve header login button

[github/shaarli/Shaarli.git] / tpl / default / css / shaarli.css

diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 63cf68aceb298c8dde6137da0f2b05751161edf4..2a7dff1c79c3af783bce0e9bc6a445bd3a1a72fc 100644 (file)
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -319,12 +319,18 @@ pre {
 .subheader-form input[type="submit"] {
     display: inline-block;
     margin: 0 0 5px 0;
-    height: 25px;
+    padding: 4px 0 4px 0;
+    height: 28px;
     width: 100px;
-    background: #0C7653;
-    border: medium none currentColor;
-    box-shadow: 1px 1px 2px #005C3E, -1px -1px 2px #005C3E;
+    background: #1b926c;
+    border: 1px solid #f5f5f5;
     color: #f5f5f5;
+    border-radius: 2px;
+}
+
+.subheader-form input[type="submit"]:hover {
+    background: #f5f5f5;
+    color: #1b926c;
 }
 
 .new-version-message {
@@ -760,6 +766,7 @@ pre {
     text-decoration: none;
     vertical-align: center;
     font-weight: normal;
+    display: inline-block;
 }
 
 
@@ -767,6 +774,10 @@ pre {
     background: #ac2925;
 }
 
+.page-form .submit-buttons {
+    margin-bottom: 10px;
+}
+
 @media screen and (min-width: 64em) {
     .page-form .submit-buttons {
         position: relative;
@@ -778,6 +789,13 @@ pre {
     }
 }
 
+@media screen and (max-width: 64em) {
+    .page-form .submit-buttons .button {
+        display: block;
+        margin: auto;
+    }
+}
+
 .page-form select {
     color: #252525;
 }
@@ -802,7 +820,7 @@ pre {
 
 .page-form-complete .form-label, .page-form-complete .form-input {
     position: relative;
-    min-height: 60px;
+    height: 60px;
 }
 
 .page-form-complete .form-label label,