Improved styling of login screen

background image now covers the whole background

2 files changed, 21 insertions, 15 deletions

diff --git a/res/client/css/partials/login.scss b/res/client/css/partials/login.scss
index c58396b2..986a511e 100644
--- a/res/client/css/partials/login.scss
+++ b/res/client/css/partials/login.scss
@@ -12,15 +12,19 @@
   background: url(../img/login-background.jpg);
   background-repeat: no-repeat;
   background-position: center;
+  background-size: cover;
+  width: 100%;
+  height: 100%;
+  padding: 50px;
+  overflow-y: hidden;
 }
 
 .welcome-box {
   margin-left: auto;
   margin-right: auto;
-  margin-top: 50px;
-  padding-bottom: 10px;
-  width: 445px;
-  height: auto;
+  padding-bottom: $three-baselines;
+  margin-bottom: 400px;
+  width: 470px;
   background: white;
 }
 
diff --git a/res/client/css/style.css b/res/client/css/style.css
index 2e2394e4..25e8e1ba 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -146,15 +146,19 @@ table {
 .login-background {
   background: url(../img/login-background.jpg);
   background-repeat: no-repeat;
-  background-position: center; }
+  background-position: center;
+  background-size: cover;
+  width: 100%;
+  height: 100%;
+  padding: 50px;
+  overflow-y: hidden; }
 
 .welcome-box {
   margin-left: auto;
   margin-right: auto;
-  margin-top: 50px;
-  padding-bottom: 10px;
-  width: 445px;
-  height: auto;
+  padding-bottom: 36px;
+  margin-bottom: 400px;
+  width: 470px;
   background: white; }
 
 .login-rhizi-logo {
@@ -429,7 +433,7 @@ body.debug .debug-ui-right {
   fill: #8b3ab0; }
 
 .circle.project {
-  fill: #40C200; }
+  fill: #40c200; }
 
 .circle.third-internship-proposal {
   fill: #33c2e0; }
@@ -670,7 +674,7 @@ body.debug .debug-ui-right {
   border-top: 6px solid #363636; }
 
 .info.type-project {
-  border-top: 6px solid #40C200; }
+  border-top: 6px solid #40c200; }
 
 .info .info-card-attr {
   display: block;
@@ -750,8 +754,8 @@ body.debug .debug-ui-right {
   width: 100%;
   min-height: 48px;
   text-align: center;
-  background-color: #D3F2F8;
-  color: #1D6E7F;
+  background-color: #d3f2f8;
+  color: #1d6e7f;
   border-top: 1px solid #8eb6bf;
   border-bottom: 1px solid #8eb6bf; }
 
@@ -973,5 +977,3 @@ p {
 
 svg text::selection {
   background: none; }
-
-/*# sourceMappingURL=style.css.map */