bugfix #30 && random bg in game

src/Jotunheimr/UserBundle/Resources/public/css/layout.css

@@ -62,7 +62,7 @@ header section .input-submit button {
     width: 500px;
     border: 1px solid #658fb8;
     color: #FFFFFF;
-    padding: 25px 100px;
+    padding: 25px 150px;
     margin-top: 20px;
 
     -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
@@ -106,19 +106,19 @@ header section h3.or {
     margin: 20px 0;
 }
 
-header section .fb,
+header section .buttons,
 header section form {
     z-index: 2;
 }
 
-header section a.fb-login {
-    background: #5975b1;
+header section a.fb-login,
+header section a.slack-login {
     position: relative;
     display: block;
     width: 500px;
     height: 93px;
-    border: 1px solid #50649f;
-    margin: 0;
+    padding: 25px 0 25px 150px;
+    margin-bottom: 10px;
 
     overflow: hidden;
 
@@ -128,22 +128,43 @@ header section a.fb-login {
     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
 }
 
-header section a.fb-login:hover {
-    background: #42598c;
-    color: #FFFFFF;
+header section a.fb-login:hover,
+header section a.slack-login:hover {
     text-decoration: none;
 
     -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
 }
 
-header section a.fb-login i {
+header section a.fb-login i,
+header section a.slack-login i {
     position: absolute;
     font-size: 130px;
     top: 0;
     left: 15px;
 }
 
+header section a.fb-login {
+    background: #5975b1;
+    border: 1px solid #50649f;
+}
+
+header section a.fb-login:hover {
+    background: #42598c;
+    color: #FFFFFF;
+}
+
+header section a.slack-login {
+    background: #FFFFFF;
+    border: 1px solid #5c3a58;
+    color: #5c3a58;
+}
+
+header section a.slack-login:hover {
+    background: #e6e6e6;
+    color: #5c3a58;
+}
+
 @media screen and (max-width: 1100px) {
     header section .form-input,
     header section .form-check {