From b0b3af0305f6c4c02c3c9688e57efb23c1d7c6c1 Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Sat, 5 Dec 2015 15:19:24 +1030
Subject: [PATCH] Improve LoginButton styles, make popup window smaller

---
 js/forum/src/components/LogInButton.js | 4 ++--
 less/forum/LogInButton.less            | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/js/forum/src/components/LogInButton.js b/js/forum/src/components/LogInButton.js
index f936204fb..ad71b5f57 100644
--- a/js/forum/src/components/LogInButton.js
+++ b/js/forum/src/components/LogInButton.js
@@ -13,8 +13,8 @@ export default class LogInButton extends Button {
     props.className = (props.className || '') + ' LogInButton';
 
     props.onclick = function() {
-      const width = 1000;
-      const height = 500;
+      const width = 600;
+      const height = 400;
       const $window = $(window);
 
       window.open(app.forum.attribute('baseUrl') + props.path, 'logInPopup',
diff --git a/less/forum/LogInButton.less b/less/forum/LogInButton.less
index 9bc57142a..992281aca 100644
--- a/less/forum/LogInButton.less
+++ b/less/forum/LogInButton.less
@@ -1,5 +1,11 @@
 .LogInButton {
   &:extend(.Button--block);
+
+  .Button-icon {
+    font-size: 18px;
+    vertical-align: -1px;
+    margin-right: 5px;
+  }
 }
 .LogInButtons {
   width: 200px;