diff --git a/app.js b/app.js index 163fbfe..4cb22b7 100644 --- a/app.js +++ b/app.js @@ -142,7 +142,7 @@ app.get('/get_playlists', function (req, res) { json: true }; - getAllPages(authOptions, [], function(data) { + getAllPages(authOptions, [], function (data) { res.send({ 'data': data }); diff --git a/public/index.html b/public/index.html index afe310e..6995a14 100644 --- a/public/index.html +++ b/public/index.html @@ -17,40 +17,32 @@ } .spinner { - display: inline-block; - opacity: 0; - width: 0; - - -webkit-transition: opacity 0.25s, width 0.25s; - -moz-transition: opacity 0.25s, width 0.25s; - -o-transition: opacity 0.25s, width 0.25s; - transition: opacity 0.25s, width 0.25s; - } + display: none; + width: 0; + float: right; + margin-left: 5px; + } .has-spinner.loading .spinner { - opacity: 1; - width: auto; /* This doesn't work, just fix for unkown width elements */ - } - - .has-spinner.btn-mini.loading .spinner { - width: 10px; - } - - .has-spinner.btn-small.loading .spinner { - width: 13px; - } - - .has-spinner.btn.loading .spinner { - width: 16px; - } - - .has-spinner.btn-large.loading .spinner { - width: 19px; + display: inline-block; + width: 16px; /* This doesn't work, just fix for unkown width elements */ } .pl_item { text-align: left; } + + .glyphicon.glyphicon-chevron-right { + float: right; + display: inline-block; + width: 16px; + margin-left: 5px; + } + + .loading .glyphicon-chevron-right.glyphicon-chevron-right { + display: none; + width: 0; + } @@ -65,7 +57,9 @@