Fix web plugin scroll and lyrics newline bug

beetsplug/web/static/beets.css

@@ -105,11 +105,22 @@ body {
     font-style: italic;
 }
 
+#detail div {
+    height: 90%;
+}
+
+#detail dl {
+    overflow-x: hidden;
+    overflow-y: auto;
+    height: inherit;
+}
+
 #detail dl dt, #detail dl dd {
     list-style: none;
     margin: 0;
     padding: 0;
 }
+
 #detail dl dt {
     width: 10em;
     float: left;
@@ -121,6 +132,7 @@ body {
     margin-left: 10.5em;
 }
 
+
 #player {
     float: left;
     width: 150px;

beetsplug/web/templates/index.html

@@ -80,7 +80,8 @@
                 </dd>
                 <% if (lyrics) { %>
                     <dt>Lyrics</dt>
-                    <dd><%= lyrics %></dd>
+                    <dd><%= lyrics.replace(/
+/g,'<br />') %></dd>
                 <% } %>
                 <% if (comments) { %>
                     <dt>Comments</dt>