diff --git a/libresonic-main/src/main/webapp/WEB-INF/jsp/login.jsp b/libresonic-main/src/main/webapp/WEB-INF/jsp/login.jsp
index 8bb6b63f..08b4d80e 100644
--- a/libresonic-main/src/main/webapp/WEB-INF/jsp/login.jsp
+++ b/libresonic-main/src/main/webapp/WEB-INF/jsp/login.jsp
@@ -1,5 +1,5 @@
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="iso-8859-1"%>
-
+
<%@ include file="head.jsp" %>
@@ -10,57 +10,52 @@
-
-
-" method="POST">
-
-
-
+
-
-
diff --git a/libresonic-main/src/main/webapp/style/default.css b/libresonic-main/src/main/webapp/style/default.css
index c0046f2a..0564a919 100644
--- a/libresonic-main/src/main/webapp/style/default.css
+++ b/libresonic-main/src/main/webapp/style/default.css
@@ -106,6 +106,57 @@ h2, h2 a, .topHeader a {
font-weight: normal;
}
+/* Login page */
+
+#loginframe {
+ padding: 20px 50px;
+ margin: 100px 50px;
+ display: list-item;
+ list-style: none;
+ text-align: center;
+}
+
+#loginframe > * {
+ margin: 0 auto;
+ display: block;
+}
+
+#loginframe .loginmessagetop {
+ margin-bottom: 1em;
+ max-width: 30rem;
+}
+
+#loginframe input[type=text],
+#loginframe input[type=submit],
+#loginframe input[type=password] {
+ width: 20rem;
+ margin-bottom: 0.5em;
+}
+
+#loginframe input[type=submit] {
+ margin: 1rem auto;
+ padding: 0.3rem;
+ background: #2f7bd9;
+ color: #f2f2f2;
+ transition: color 0.2s ease, background 0.2s ease;
+}
+
+#loginframe input[type=submit]:hover {
+ background: #f2f2f2;
+ color: #2d2d2d;
+}
+
+#loginremember {
+ display: inline-flex;
+ align-items: center;
+ margin-right: 10px;
+}
+
+#loginframe .loginmessagebottom {
+ margin-top: 1em;
+ max-width: 50em;
+}
+
/***************************************************************************************
* The rest of the CSS is typically not changed in other themes (but not necessarily so).
***************************************************************************************/
@@ -383,4 +434,4 @@ img {
.context-menu-item {
color: black;
-}
\ No newline at end of file
+}