diff --git a/.gitignore b/.gitignore
index ed5663f82d..7ae63a58f6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,7 +5,8 @@
 npm-debug.log
 node_modules/
 sftp-config.json
+config.json
 public/config.json
-public/css/style.css
+public/css/*.css
 *.sublime-project
 *.sublime-workspace
diff --git a/public/css/style.less b/public/css/style.less
index 6225e3d571..940b8b30f3 100644
--- a/public/css/style.less
+++ b/public/css/style.less
@@ -533,33 +533,16 @@ footer.footer {
 }
 
 .alt-logins {
-	margin: 0;
+	margin: 0 0 0 1em;
 	padding: 0;
 
 	li {
 		vertical-align: top;
 		background: transparent;
 		display: none;
+		margin: 0.25em;
 		.pointer;
 
-		&.google {
-			width: 32px;
-			height: 32px;
-			background-image: url('../images/google_login.png');
-		}
-
-		&.twitter {
-			width: 32px;
-			height: 32px;
-			background-image: url('../images/twitter_login.png');
-		}
-
-		&.facebook {
-			width: 32px;
-			height: 32px;
-			background-image: url('../images/facebook_login.png');
-		}
-
 		&.active {
 			.inline-block;
 		}
diff --git a/public/images/facebook_login.png b/public/images/facebook_login.png
deleted file mode 100644
index b7e973fc65..0000000000
Binary files a/public/images/facebook_login.png and /dev/null differ
diff --git a/public/images/google_login.png b/public/images/google_login.png
deleted file mode 100644
index 089f70f40f..0000000000
Binary files a/public/images/google_login.png and /dev/null differ
diff --git a/public/images/twitter_login.png b/public/images/twitter_login.png
deleted file mode 100644
index f3b058125a..0000000000
Binary files a/public/images/twitter_login.png and /dev/null differ
diff --git a/public/templates/login.tpl b/public/templates/login.tpl
index c01517915f..ab93ba3c21 100644
--- a/public/templates/login.tpl
+++ b/public/templates/login.tpl
@@ -15,9 +15,9 @@
 	<div class="well span6 {alternate_logins:display}">
 		<h4>Alternative Logins</h4>
 		<ul class="alt-logins">
-			<li data-url="/auth/twitter" class="twitter {twitter:display}"></li>
-			<li data-url="/auth/google" class="google {google:display}"></li>
-			<li data-url="/auth/facebook" class="facebook {facebook:display}"></li>
+			<li data-url="/auth/twitter" class="twitter {twitter:display}"><i class="icon-twitter-sign icon-3x"></i></li>
+			<li data-url="/auth/google" class="google {google:display}"><i class="icon-google-plus-sign icon-3x"></i></li>
+			<li data-url="/auth/facebook" class="facebook {facebook:display}"><i class="icon-facebook-sign icon-3x"></i></li>
 		</ul>
 	</div>
 </div>