Login tweaks (#2122)

* Fix for #1620

* Swage login tweaks

https://github.com/FreshRSS/FreshRSS/pull/2069#issuecomment-435093099

* Swage tweaks for Mobile

p/themes/Swage/swage.css

@@ -813,6 +813,36 @@ text-overflow: ellipsis;
 width: 270px;
 }
 
+.formLogin #global {
+height: 0;
+}
+
+.formLogin .header {
+height: 55px;
+background: #22303d;
+}
+
+.formLogin .header > .item.configure {
+width: 200px;
+position: unset;
+}
+
+.formLogin a.signin {
+	color: #FCFCFC;
+	padding-left: 5px;
+}
+
+.formLogin .header > .item.title h1 {
+    display: unset;
+}
+
+.formLogin input {
+    border-left: 5px solid;
+    border-right: 1px solid #e3e3e3;
+    border-top: 1px solid #e3e3e3;
+    border-bottom: 1px solid #e3e3e3;
+}
+
 .loglist {
 overflow: hidden;
 border: 1px solid #969696;
@@ -846,6 +876,10 @@ color: #FCFCFC;
 }
 
 @media (max-width: 840px) {
+.formLogin .header {
+display: none;
+}
+
 .dropdown-header, .dropdown-menu > .item {
 padding: 12px;
 }

p/themes/Swage/swage.scss

@@ -914,6 +914,37 @@ form {
 	}
 }
 
+.formLogin {
+	#global {
+		height: 0;
+	}
+	
+	.header {
+		height: 55px;
+		background: $color_aside;
+		> .item {
+			&.configure {
+				width: 200px;
+				position: unset;
+			}
+			&.title h1 {
+				display: unset;
+			}
+		}
+	}
+	a.signin {
+		color: $color_light;
+		padding-left: 5px;
+	}
+	
+	input {
+		border-left: 5px solid;
+		border-right: 1px darken( $color_light, 10%);
+		border-top: 1px darken( $color_light, 10%);
+		border-bottom: 1px darken( $color_light, 10%);
+	}
+}
+
 .loglist {
 	overflow: hidden;
 	border: 1px solid darken( $color_light, 40% );
@@ -947,6 +978,9 @@ form {
 }
 
 @media(max-width: 840px) {
+	.formLogin .header {
+		display: none;
+	}
 	.dropdown-header, .dropdown-menu > .item {
 		padding: 12px;
 	}

p/themes/base-theme/template.css

@@ -672,6 +672,21 @@ br + br + br {
 	height: 300px;
 }
 
+/*=== LOGIN VIEW */
+/*================*/
+.formLogin .header > .item {
+        padding: 10px 30px;
+}
+
+.formLogin .header > .item.title {
+        text-align: left;
+}
+
+.formLogin .header > .item.configure {
+        text-align: right;
+}
+
+
 /*=== GLOBAL VIEW */
 /*================*/
 #stream.global {