diff options
| -rw-r--r-- | www/index.html | 7 | ||||
| -rw-r--r-- | www/js/musicpools.js | 1 | ||||
| -rw-r--r-- | www/styles/musicpools.css | 15 |
3 files changed, 20 insertions, 3 deletions
diff --git a/www/index.html b/www/index.html index df85343..69c695a 100644 --- a/www/index.html +++ b/www/index.html @@ -283,9 +283,14 @@ </ul> </div> </div> - <div class="col-md-9"> + <div class="col-md-6"> <h2 id="musicpool-title"></h2> </div> + <div class="col-md-2"> + <div id="musicpool-cnt-container"> + <span id="musicpool-cnt" class="badge">0</span> Einträge + </div> + </div> </div> <div class="musicpoolContainer"> diff --git a/www/js/musicpools.js b/www/js/musicpools.js index 7395ef6..52ea231 100644 --- a/www/js/musicpools.js +++ b/www/js/musicpools.js @@ -167,6 +167,7 @@ Rdxport.MusicpoolView.prototype.render = function() { $('#app-musicpools .musicpoolContainer').html(this.$el); $('#musicpool-title').text(this.model.title); + $('#musicpool-cnt').text(this.model.carts.length); $('table tbody tr', this.$el).remove(); this.cartViews = []; diff --git a/www/styles/musicpools.css b/www/styles/musicpools.css index c0652f1..371b3ca 100644 --- a/www/styles/musicpools.css +++ b/www/styles/musicpools.css @@ -20,10 +20,21 @@ * along with rhwebimport. If not, see <http://www.gnu.org/licenses/>. */ +#musicpool-header-spacer { + margin-top: 1.3em; +} + #musicpool-title { font-weight: bold; + margin-top: 10px; } -#musicpool-header-spacer { - margin-top: 1.3em; +#musicpool-cnt-container { + font-size: 1.2em; + float: right; + margin-top: 15px; +} + +div.musicpoolContainer { + margin-top: 2em; } |