Added js scrollbars

public/stylesheets/albums.css

@@ -22,7 +22,7 @@
 	margin: 25px 0 0 300px;
 }
 .artist-info .info {
-	margin: 0 25px 25px 300px;
+	margin: 0 17px 25px 300px;
 }
 
 /* Albums block */
@@ -49,7 +49,7 @@
 		margin: 0 0 10px 300px;
 	}
 	.album .tracklist {
-		margin: 0 25px 30px 275px;
+		margin: 0 17px 30px 275px;
 	}
 	.album .tracklist ul {
 		

public/stylesheets/layout.css

@@ -21,7 +21,7 @@ body {
 #data-container {
 	width: auto;
 	margin-right: 350px;
-	overflow-y: scroll;
+	overflow-y: auto;
 }
 
 #player {
@@ -30,5 +30,5 @@ body {
 }
 #playlist {
 	width: 100%;
-	overflow-y: scroll;
+	overflow-y: auto;
 }

public/stylesheets/misc.css

@@ -42,6 +42,29 @@
 		border-color: #DDD;
 	}
 
+
+.scrollbar-pane {
+    margin-right: 8px;
+}
+
+.scrollbar-handle-container {
+    background: #FFF;
+    width: 8px;
+}
+
+.scrollbar-handle {
+    width: 8px;
+    background: #EEE;
+}
+
+.scrollbar-handle:hover {
+    background: #999;
+}
+
+.scrollbar-handle.move {
+    background: #AAA;
+}
+
 /* Colorizing *
 #player-container	{ background-color: #CFC; }
 #data-container		{ background-color: #CCF; }

public/stylesheets/player.css

@@ -48,7 +48,10 @@
 		#player .controls .next {
 			background-image: url('/images/icns/next.png');
 		}
-		
+
+.playlist-tracks {
+	width: 343px;
+}
 .playlist-tracks li {
 	display: block;
 }