move inline style to CSS file, fix details

core/css/styles.css

@@ -175,6 +175,10 @@ fieldset.warning {
 }
 fieldset.warning legend { color:#b94a48 !important; }
 
+/* Alternative Logins */
+#alternative-logins legend { margin-bottom:10px; }
+#alternative-logins li { height:40px; display:inline-block; white-space:nowrap; }
+
 
 /* NAVIGATION ------------------------------------------------------------- */
 #navigation { position:fixed; top:3.5em; float:left; width:12.5em; padding:0; z-index:75; height:100%; background:#eee; border-right:1px #ccc solid; -moz-box-shadow:-3px 0 7px #000; -webkit-box-shadow:-3px 0 7px #000; box-shadow:-3px 0 7px #000; overflow:hidden;}

core/templates/login.php

@@ -42,12 +42,12 @@
 	</fieldset>
 </form>
 <?php if (!empty($_['alt_login'])) { ?>
-<form>
+<form id="alternative-logins">
 	<fieldset>
-		<legend style="margin-bottom: 20px;"><?php echo $l->t('Alternative Logins:') ?></legend>
+		<legend><?php echo $l->t('Alternative Logins') ?></legend>
 		<ul>
 			<? foreach($_['alt_login'] as $login): ?>
-				<li style="height: 40px;"><a class="button" href="<?php echo $login['href']; ?>" ><?php echo $login['name']; ?></a></li>
+				<li><a class="button" href="<?php echo $login['href']; ?>" ><?php echo $login['name']; ?></a></li>
 				<?php endforeach; ?>
 		</ul>
 	</fieldset>