diff --git a/src/Ombi/ClientApp/app/login/login.component.scss b/src/Ombi/ClientApp/app/login/login.component.scss
index 0bb04318b..b07001f90 100644
--- a/src/Ombi/ClientApp/app/login/login.component.scss
+++ b/src/Ombi/ClientApp/app/login/login.component.scss
@@ -16,36 +16,21 @@ body, html {
background-image: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33)) !important;
}
-landingDiv {
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
-}
-
img.center {
display: block;
margin: 0 auto;
max-width: 100%;
}
-img.bg {
- /* Set rules to fill background */
- min-height: 100%;
- min-width: 1024px;
- /* Set up proportionate scaling */
- width: 100%;
- height: auto;
- /* Set up positioning */
+div.bg {
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-clip: inherit;
+ background-size: cover;
+ height: 100vh;
+ width: 100vw;
position: fixed;
- top: 0;
- left: 0;
- z-index: -1;
- /*-webkit-filter: blur(5px);
- -moz-filter: blur(5px);
- -o-filter: blur(5px);
- -ms-filter: blur(5px);
- filter: blur(5px);*/
}
.card-container.card {
diff --git a/src/Ombi/ClientApp/app/login/resetpassword.component.html b/src/Ombi/ClientApp/app/login/resetpassword.component.html
index a902b56e4..c1c013719 100644
--- a/src/Ombi/ClientApp/app/login/resetpassword.component.html
+++ b/src/Ombi/ClientApp/app/login/resetpassword.component.html
@@ -3,7 +3,7 @@ you can substitue the span of reauth email for a input with the email and
include the remember me checkbox
-->
-
+