side playlist looks good.

application/controllers/LibraryController.php

@@ -32,7 +32,6 @@ class LibraryController extends Zend_Controller_Action
         $this->view->headScript()->appendFile('/js/airtime/onready/library.js','text/javascript');
 		$this->view->headScript()->appendFile('/js/contextmenu/jjmenu.js','text/javascript');
 		$this->view->headLink()->appendStylesheet('/css/contextmenu.css');
-		//$this->view->headLink()->appendStylesheet('/css/media_library.css');
 	
 		$this->_helper->layout->setLayout('library');
 
@@ -123,6 +122,7 @@ class LibraryController extends Zend_Controller_Action
     public function contentsAction()
     {
         $this->view->headScript()->appendFile('/js/airtime/library/library.js','text/javascript');
+		$this->view->headLink()->appendStylesheet('/css/media_library.css');
 
 		$this->_helper->viewRenderer->setResponseSegment('library'); 
 

application/layouts/scripts/library.phtml

@@ -12,7 +12,7 @@
 <div id="nav"><?php echo $this->navigation()->menu()->setRenderInvisible(true) ?></div>
 
 <div id="library_quick_search"><?php echo $this->layout()->quick_search ?></div>
-<div id="library_content"><?php echo $this->layout()->library ?></div>
+<div id="library_content" class="ui-widget ui-widget-content ui-corner-all"><?php echo $this->layout()->library ?></div>
 
 <div id="side_playlist" class="ui-widget ui-widget-content ui-corner-all"><?php echo $this->layout()->spl ?></div>
  

application/views/scripts/playlist/sidebarcontent.phtml

@@ -1,4 +1,8 @@
 <li class="ui-state-default" id="spl_<?php echo $this->partialCounter-1 ?>">
+	<div>
+		<span class="ui-icon ui-icon-play"></span>
+	</div>
+	<div>
 		<span class="spl_title"><?php echo $this->CcFiles['track_title'] ?></span>
 		<span class="spl_playlength"><?php echo $this->cliplength ?></span>
 		<span class="ui-icon ui-icon-close"></span>
@@ -6,4 +10,5 @@
 		<?php if($this->partialCounter-1 > 0): ?>
 		<div id="fade_<?php echo $this->partialCounter-1 ?>" class="spl_fade_control ui-state-default ui-corner-all">Fade</div>
 		<?php endif; ?>
+	<div>
 </li>

public/css/media_library.css

@@ -0,0 +1,4 @@
+#library_content {
+	float: left;
+	width: 750px;
+}

public/css/playlist_builder.css

@@ -1,5 +1,5 @@
 #side_playlist {
-	width: 500px;
+	width: 450px;
 	padding: 0.5em;
 	font-size: 16px;
 }
@@ -41,36 +41,69 @@
 #spl_sortable {
 	list-style: none;
 	padding:0;
+	height: 300px;
+	width: 450px;
+	overflow: auto;
+}
+
+#side_playlist li {
+	width: 425px;
+}
+
+#side_playlist li > div {
+	height: 50px;
+}
+
+#spl_name {
+	margin-top: 0.5em;
+}
+
+.ui-icon-play {
+	margin-top: 17px;
+}
+
+.ui-icon-close {
+	margin-top: 7px;
 }
 
 .spl_title {
 	display: inline-block;
-	width: 325px;
+	width: 260px;
+	margin-left: 20px;
 }
 
 .spl_playlength {
 	display: inline-block;
-	width: 150px;
+	width: 100px;
+	font-size: 85%;
+	margin-top: 15px;
 }
 
 .spl_artist {
 	font-size: 90%;
-	width: 300px;
+	width: 275px;
+	margin-left: 25px;
+	margin-top: -8px;
 }
 
 .spl_fade_control {
 	padding: 0.2em;
-	margin-top: -34px;
-	margin-left: -50px;
+	margin-top: -45px;
+	margin-left: -80px;
 	z-index: 2;
 }
 
+#spl_editor {
+	height: 50px;
+}
+
 #spl_editor > div > span {
 	display: inline-block;
 	width: 150px;
 }
 
 .ui-icon-close,
+.ui-icon-play,
 .spl_fade_control,
 .spl_playlength {
 	cursor: pointer;

public/js/airtime/library/spl.js

@@ -35,7 +35,7 @@ function openCueEditor(event) {
 
 	var pos, url, li;
 	
-	li = $(this).parent();
+	li = $(this).parent().parent();
 	pos = li.attr("id").split("_").pop();
 	url = '/Playlist/set-cue/format/json';
 	url = url + '/pos/' + pos;
@@ -90,7 +90,7 @@ function deleteSPLItem(event){
 
 	event.stopPropagation();
 
-	pos = $(this).parent().attr("id").split("_").pop();
+	pos = $(this).parent().parent().attr("id").split("_").pop();
 
 	url = '/Playlist/delete-item/format/json';
 	url = url + '/pos/' + pos;