modifications to login page

eternity/styles/styles.css

@@ -243,6 +243,41 @@ select:focus,
   border-radius: 0;
 }
 
+/* Bootstrap's input-group gutters/addons otherwise eat into the left edge,
+   making the username/password boxes look shorter than the form around them. */
+#login-form .row,
+#login-form .form-group {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+#login-form .input-group {
+  width: 100%;
+}
+
+#login-form .input-group .icon,
+#login-form .input-group-prepend,
+#login-form .input-group-append {
+  padding-left: 0;
+}
+
+#login-form input.form-control {
+  width: 100%;
+  box-sizing: border-box;
+}
+
+/* Keep loading/error notifications away from the credential fields instead of
+   stacking over the password box. */
+body.task-login #messagestack {
+  top: 1rem;
+  bottom: auto;
+  left: 50%;
+  right: auto;
+  transform: translateX(-50%);
+  width: 90%;
+  max-width: 420px;
+}
+
 .listing,
 .records-table,
 .table,