CSS: Fix login layout on very small screens (e.g. iPhone SE)

public/css/icinga/login.less

@@ -16,7 +16,7 @@
   .login-wrapper {
     height: 100%;
     max-width: 85em;
-    padding: 0 2em;
+    padding: 0 1em;
     margin: 0 auto;
     z-index: 2;
     position: relative
@@ -25,7 +25,7 @@
   .login-form {
     position: relative;
     background: white;
-    min-width: 320px;
+    min-width: 288px;
     height: 100%;
     width: 33%;
     box-shadow: 0 0 4em 1em rgba(0, 0, 0, 0.2);
@@ -202,9 +202,3 @@
     }
   }
 }
-
-canvas.particles-js-canvas-el {
-  position: absolute;
-  top: 0; right: 0; bottom: 0; left: 0;
-  z-index: 1;
-}

public/css/icinga/responsive.less

@@ -78,18 +78,33 @@
     width: 100%;
   }
 
-  .login-wrapper {
-    padding: 0 2em;
+  #login {
+
+    .form-controls {
+      margin: .5em;
+    }
+
+    #icinga-logo {
+      max-width: 12em;
+    }
+
+    .login-wrapper {
+      padding: 0 1em;
+    }
 
     .login-form {
       width: 100%;
     }
+
+    .login-form-content.centered-content {
+      max-width: 100%;
+    }
   }
 
   #social {
     width: 100%;
     text-align: center;
-    bottom: 4em;
+    bottom: 3em;
   }
 
   #social > li a i {