Move alternative login above standard login, optimize alignment

Signed-off-by: ochorocho <rothjochen@gmail.com>

core/css/guest.css

@@ -95,6 +95,7 @@ body {
 	max-width: 100%;
 	max-height: 200px;
 }
+
 .wrapper {
 	width: 300px;
 	margin-top: 10vh;
@@ -143,7 +144,8 @@ form #datadirField legend {
 
 /* Buttons and input */
 #submit-wrapper,
-#reset-password-wrapper {
+#reset-password-wrapper,
+#alternative-logins {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -151,6 +153,28 @@ form #datadirField legend {
 						   absolutely positioned descendant icons */
 }
 
+#alternative-logins {
+	margin: 10px 15px 20px;
+	display: block;
+}
+
+#alternative-logins a {
+	margin: 5px;
+	display: block;
+	font-size: 15px;
+}
+
+
+@media only screen and (max-width: 1024px) {
+	.wrapper {
+		margin-top: 0;
+	}
+	#alternative-logins {
+		margin: 0px 15px 10px;
+	}
+}
+
+
 #submit-wrapper .submit-icon,
 #reset-password-wrapper .submit-icon {
 	position: absolute;

core/templates/login.php

@@ -3,15 +3,12 @@
 script('core', 'dist/login');
 ?>
 
-<div id="login"></div>
 <?php if (!empty($_['alt_login'])) { ?>
-<form id="alternative-logins">
-	<fieldset>
-		<ul>
-			<?php foreach($_['alt_login'] as $login): ?>
-				<li><a class="button" href="<?php print_unescaped($login['href']); ?>" ><?php p($login['name']); ?></a></li>
-			<?php endforeach; ?>
-		</ul>
-	</fieldset>
-</form>
-<?php }
+	<div id="alternative-logins">
+		<?php foreach($_['alt_login'] as $login): ?>
+			<a class="button primary" href="<?php print_unescaped($login['href']); ?>" ><?php p($login['name']); ?></a>
+		<?php endforeach; ?>
+	</div>
+<?php } ?>
+
+<div id="login"></div>