From 884daa8930c11ea911c87aece1c9b08d8647f485 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 17 Apr 2016 19:04:17 +0200
Subject: [PATCH] Update refresh and login buttons

---
 public/index.html | 10 +++++-----
 public/script.js  |  1 +
 public/style.css  | 10 +---------
 3 files changed, 7 insertions(+), 14 deletions(-)
diff --git a/public/index.html b/public/index.html
index 3100182..7b02799 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,9 +10,12 @@
 <body>
 <div class="container">
     <h1>Duplicates finder
-        <div id="login">
+        <button class="btn btn-default has-spinner" id="obtain-new-token">
+            Refresh token <span class="spinner"><i class="icon-spin icon-refresh"></i></span>
+        </button>
+        <span id="login">
             <a href="/login" class="btn btn-lg btn-success">Log in with Spotify</a>
-        </div>
+        </span>
     </h1>
     <div id="error"></div>
     <div id="loggedin">
@@ -49,9 +52,6 @@
 
 <script id="user-profile-template" type="text/x-handlebars-template">
     Logged in as {{display_name}}
-    <button class="btn btn-default has-spinner" id="obtain-new-token">
-        Refresh token <span class="spinner"><i class="icon-spin icon-refresh"></i></span>
-    </button>
 </script>
 
 <script id="dups-template" type="text/x-handlebars-template">
diff --git a/public/script.js b/public/script.js
index d33c9fa..bdf0496 100644
--- a/public/script.js
+++ b/public/script.js
@@ -161,6 +161,7 @@ function getPersonnalInfo(first, userProfilePlaceholder, userProfileTemplate) {
             userProfilePlaceholder.innerHTML = userProfileTemplate(response);
 
             $('#login').hide();
+            $('#obtain-new-token').show();
             $('#loggedin').show();
         },
         error: function (response) {
diff --git a/public/style.css b/public/style.css
index ea731b2..ebf77ef 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1,11 +1,7 @@
-#login, #loggedin {
+#login, #loggedin, #obtain-new-token {
     display: none;
 }
 
-#login {
-    display: inline-block;
-}
-
 .text-overflow {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -25,10 +21,6 @@
     width: 16px; /* This doesn't work, just fix for unkown width elements */
 }
 
-#get-playlists {
-    float: right;
-}
-
 .pl_item {
     text-align: left;
 }
