simplify login form

css/tt-rss.less

@@ -1086,46 +1086,60 @@ body.ttrss_main {
 }
 
 body.ttrss_login {
-	padding : 2em;
-	font-size : 14px;
 
-	fieldset {
-		margin-left : auto;
-		margin-right : auto;
-		display : block;
-		width : 400px;
-		border-width : 0px;
+	.container {
+		background : @color-panel-bg;
+		color : @default-fg;
+		display : flex;
+		flex-direction: column;
+		width : 100%;
+		height : 100%;
+		position : absolute;
+
+		.footer {
+			text-align : center;
+			padding : 10px;
+		}
+
+		.center {
+			width : 100%;
+			display : flex;
+			align-items: center;
+			flex-grow : 1;
+			justify-content : center;
+
+			.login-form {
+				form {
+					margin : 0px;
+				}
+
+				background : white;
+				padding : 20px;
+				border : 1px solid #ddd;
+				box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+			}
+		}
 	}
 
-	label {
+	fieldset > label:first-of-type {
 		width : 120px;
 		margin-right : 20px;
 		display : inline-block;
 		text-align : right;
-		color : gray;
+		font-weight : bold;
 	}
 
-	div.header {
-		border: 0px solid @color-accent;
-		border-bottom-width: 1px;
-		margin-bottom : 1em;
-		padding-bottom : 5px;
+	fieldset {
+		border-width : 0;
+		padding : 5px 0px;
 	}
 
-	div.footer {
-		margin-top : 1em;
-		padding-top : 5px;
-		border: 0px solid @color-accent;
-		border-top-width: 1px;
-		text-align : center;
-		color : gray;
-		font-size : 12px;
+	fieldset.narrow {
+		padding : 2px 0px;
 	}
 
-	a.forgotpass {
+	fieldset.align-right {
 		text-align : right;
-		font-size : 11px;
-		display : inline-block;
 	}
 
 	a {
@@ -1148,13 +1162,7 @@ body.ttrss_login {
 	}
 
 	div.row {
-		padding : 0px 0px 5px 0px;
-	}
-
-	div.row-error {
-		color : red;
-		text-align : center;
-		padding : 0px 0px 5px 0px;
+		padding-bottom : 5px;
 	}
 }
 
@@ -1277,4 +1285,4 @@ body.ttrss_main {
 
 video::-webkit-media-controls-overlay-play-button {
 	display: none;
-}
+}