Merge pull request #861 from Supremicus/dev

UI Fixes

gui/slick/css/dark.css

@@ -10,6 +10,10 @@
     border: 1px solid #111;
 }
 
+.imgsmallposter .small {
+	border: 1px solid #111;
+}
+
 body {
 	background: none repeat scroll 0 0 #222;
 	color: #FFFFFF;

gui/slick/css/default.css

@@ -214,6 +214,14 @@ img {
     vertical-align: middle;
 }
 
+.imgHomeWrapper .smallposter {
+    float: left;
+    width: 45px;
+    height: 66px;
+    position: relative;
+    vertical-align: middle;
+}
+
 .imgHomeWrapper .banner {
     height: 66px;
     overflow: hidden;
@@ -237,6 +245,16 @@ img {
 	margin-right: auto;
 }
 
+.imgsmallposter .small {
+    height: 66px;
+    overflow: hidden;
+    border-radius: 3px;
+    vertical-align: middle;
+    width: 45px;
+	border: 1px solid #111;
+	margin-right: 5px;
+}
+
 .imgposter .poster {
     height: 66px;
     overflow: hidden;
@@ -705,6 +723,7 @@ input:not(.btn){
 .sickbeardTable td {
 	font-size: 13px;
 	cursor: default;
+	line-height: normal;
 }
 
 .sickbeardTable td.title {
@@ -2551,6 +2570,7 @@ table.tablesorter {
 table.tablesorter td {
 	font-size: 14px;
 	padding: 8px 10px;
+	line-height: normal;
 }
 
 /* remove extra border from left edge */
@@ -3630,6 +3650,7 @@ comingEpisodes.css
 	border-top-left-radius: 8px;
 	border-bottom-left-radius: 8px;
 }
+
 .bannerThumb {
     -ms-interpolation-mode: bicubic; /* make scaling look nicer for ie */
     vertical-align: top;

gui/slick/css/original.css

@@ -11,6 +11,10 @@
     border: 1px solid #ddd;
 }
 
+.imgsmallposter .small {
+	border: 1px solid #ddd;
+}
+
 body {
 	background: none repeat scroll 0 0 #FFFFFF;
 	color: #343434;

gui/slick/interfaces/default/home.tmpl

@@ -269,6 +269,7 @@ function invertSort(){
 <div id="HomeLayout" style="float: right; margin-top: -25px;">
 	<span>Layout:
 		<a class="inner" href="$sbRoot/setHomeLayout/?layout=poster">Poster</a> &middot;
+		<a class="inner" href="$sbRoot/setHomeLayout/?layout=small">Small Poster</a> &middot;
 		<a class="inner" href="$sbRoot/setHomeLayout/?layout=banner">Banner</a> &middot;
 		<a class="inner" href="$sbRoot/setHomeLayout/?layout=simple">Simple</a>
 	</span>
@@ -549,7 +550,16 @@ $myShowList.sort(lambda x, y: cmp(x.name, y.name))
     #else:
     	<td align="center" class="nowrap"></td>
     #end if
-    #if $layout == 'banner':
+	#if $layout == 'small':
+	    <td>
+	    	<div class="imgsmallposter $layout">
+		    	<a href="$sbRoot/showPoster/?show=$curShow.indexerid&amp;which=$layout" rel="dialog" title="$curShow.name">
+		    		<img src="$sbRoot/showPoster/?show=$curShow.indexerid&amp;which=poster_thumb" class="$layout" alt="$curShow.indexerid"/>
+		    	</a>
+				<a href="$sbRoot/home/displayShow?show=$curShow.indexerid" style="vertical-align: middle;">$curShow.name</a>
+	    	</div>
+	    </td>
+    #else if $layout == 'banner':
 	    <td>
 	    	<span style="display: none;">$curShow.name</span>
 	    	<div class="imgbanner $layout">

gui/slick/interfaces/default/inc_top.tmpl

@@ -37,9 +37,7 @@
     <link rel="stylesheet" type="text/css" href="$sbRoot/css/browser.css?$sbPID" />
     <link rel="stylesheet" type="text/css" href="$sbRoot/css/lib/jquery.qtip-2.0.1.min.css?$sbPID"/>
     <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="$sbRoot/css/iphone.css?$sbPID" />
-	#if $sickbeard.THEME_NAME != '':
 	<link rel="stylesheet" type="text/css" href="$sbRoot/css/${sickbeard.THEME_NAME}.css?$sbPID" />
-	#end if
 
 
 <style type="text/css">

sickbeard/webserve.py

@@ -283,7 +283,7 @@ class MainHandler(RequestHandler):
 
     def setHomeLayout(self, layout):
 
-        if layout not in ('poster', 'banner', 'simple'):
+        if layout not in ('poster', 'small', 'banner', 'simple'):
             layout = 'poster'
 
         sickbeard.HOME_LAYOUT = layout