From e06f3247fd1e3109ac1a443e6b800861ebcb097c Mon Sep 17 00:00:00 2001
From: Adrian Sampson <adrian@radbox.org>
Date: Sun, 7 Aug 2011 00:42:24 -0700
Subject: [PATCH] UI tweaks

---
 beetsplug/web/static/beets.css     |  6 ++++++
 beetsplug/web/static/beets.js      | 15 +++++++++++++++
 beetsplug/web/templates/index.html |  5 ++++-
 3 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/beetsplug/web/static/beets.css b/beetsplug/web/static/beets.css
index 0557e2318..e5f10cec9 100644
--- a/beetsplug/web/static/beets.css
+++ b/beetsplug/web/static/beets.css
@@ -11,6 +11,8 @@ body {
     
     color: white;
     
+    cursor: default;
+
     /* shadowy border */
     box-shadow: 0 0 20px #999;
     -webkit-box-shadow: 0 0 20px #999;
@@ -71,6 +73,7 @@ body {
     list-style: none;
     padding: 4px 8px;
     margin: 0;
+    cursor: default;
 }
 #entities ul li.selected {
     background: #7abcff;
@@ -93,3 +96,6 @@ body {
     font-size: 1.3em;
     font-weight: bold;
 }
+#detail .albumtitle {
+    font-style: italic;
+}
diff --git a/beetsplug/web/static/beets.js b/beetsplug/web/static/beets.js
index aa3d6c5af..617c948b8 100644
--- a/beetsplug/web/static/beets.js
+++ b/beetsplug/web/static/beets.js
@@ -1,3 +1,14 @@
+// Simple selection disable for jQuery.
+// Cut-and-paste from:
+// http://stackoverflow.com/questions/2700000
+$.fn.disableSelection = function() {
+    $(this).attr('unselectable', 'on')
+           .css('-moz-user-select', 'none')
+           .each(function() { 
+               this.onselectstart = function() { return false; };
+            });
+};
+
 $(function() {
 
 // Routes.
@@ -86,4 +97,8 @@ var app = new AppView();
 // App setup.
 Backbone.history.start({pushState: false});
 
+// Disable selection on UI elements.
+$('#entities ul').disableSelection();
+$('#header').disableSelection();
+
 });
diff --git a/beetsplug/web/templates/index.html b/beetsplug/web/templates/index.html
index 38f0715a8..eca39d939 100644
--- a/beetsplug/web/templates/index.html
+++ b/beetsplug/web/templates/index.html
@@ -34,7 +34,10 @@
         </script>
         <script type="text/template" id="item-detail-template">
             <span class="artist"><%= artist %></span>
-            <span class="album"><%= album %></span>
+            <span class="album">
+                <span class="albumtitle"><%= album %></span>
+                <span class="year">(<%= year %>)</span>
+            </span>
             <span class="title"><%= title %></span>
             
             <a class="download" href="/item/<%= id %>/file">download</a>