Wrap logo on small screens

2016-06-21 18:02:27 +02:00
parent fc4c7ca664
commit b96c0ef4c7
2 changed files with 18 additions and 13 deletions
--- a/cas_server/static/cas_server/login.css
+++ b/cas_server/static/cas_server/login.css
@ -4,12 +4,6 @@ body {
  background-color: #eee;
 }

-/*.form-signin {
-  max-width: 330px;
-  padding: 15px;
-  margin: 0 auto;
-}
-*/
 .form-signin .form-signin-heading,
 .form-signin .checkbox {
  margin-bottom: 10px;
@ -47,3 +41,16 @@ body {
     width:110px;
 }

+@media screen and (max-width: 680px) {
+    #app-name {
+        margin: 0px;
+    }
+    #app-name img {
+        display: block;
+        margin: auto;
+    }
+    body {
+      padding-top: 0px;
+      padding-bottom: 0px;
+    }
+}