Make sizes and scrolling consistent over all views.

3 files changed, 52 insertions, 50 deletions

diff --git a/coverart.py b/coverart.py
index 1d6fc3f..8de49e9 100644
--- a/coverart.py
+++ b/coverart.py
@@ -41,8 +41,6 @@ def get_coverart(album, ignorecache = False):
 	cover = []
 	for f in files:
 		filename = os.path.join(dirname, f)
-		if os.path.isdir(filename):
-			print filename
 		if os.path.isdir(filename) and f.lower() in ('scans', 'jpg', 'jpeg', 'img', 'image', 'cover', 'covers'):
 			files.extend(os.path.join(f, x) for x in os.listdir(filename))
 			files.sort()
diff --git a/static/index.html b/static/index.html
index 635a0a0..6b7b4dc 100644
--- a/static/index.html
+++ b/static/index.html
@@ -33,54 +33,60 @@
 				<li><a href="#albums-tab" accesskey="a"><span class="accessor">A</span>lbums</a></li>
 			</ul>
 			<div id="playlist-tab">
-				<table class="track-table">
-				<thead>
-					<tr>
-						<th>Title</th>
-						<th>Artist</th>
-						<th>Album</th>
-						<th>&nbsp;</th>
-					</tr>
-				</thead>
-				<tbody id="playlist">
-				</tbody>
-				</table>
+				<div>
+					<table class="track-table">
+					<thead>
+						<tr>
+							<th>Title</th>
+							<th>Artist</th>
+							<th>Album</th>
+							<th>&nbsp;</th>
+						</tr>
+					</thead>
+					<tbody id="playlist">
+					</tbody>
+					</table>
+				</div>
 			</div>
 			<div id="search-tab">
-				<input type="text" id="search_box" />
-				<span>
-					<input type="button" id="search-add" value="Add selected" />
-				</span>
-				<table class="track-table">
-				<thead>
-					<tr>
-						<th>Title</th>
-						<th>Artist</th>
-						<th>Album</th>
-					</tr>
-				</thead>
-				<tbody id="search-results">
-					<tr>
-						<td colspan="3" style="font-style: italic">Use the search box above to find music.</td>
-					</tr>
-				</tbody>
-				</table>
+				<div>
+					<input type="text" id="search_box" />
+					<span>
+						<input type="button" id="search-add" value="Add selected" />
+					</span>
+					<table class="track-table">
+					<thead>
+						<tr>
+							<th>Title</th>
+							<th>Artist</th>
+							<th>Album</th>
+						</tr>
+					</thead>
+					<tbody id="search-results">
+						<tr>
+							<td colspan="3" style="font-style: italic">Use the search box above to find music.</td>
+						</tr>
+					</tbody>
+					</table>
+				</div>
 			</div>
 			<div id="directory-tab">
-				<input type="button" id="directory-add" value="Add selected" />
-				<table id="directory-table" class="track-table">
-				<thead>
-					<tr>
-						<th>Title</th>
-						<th>Artist</th>
-						<th>Album</th>
-					</tr>
-				</thead>
-				<tbody id="directory-dirs">
-				</tbody>
-				<tbody id="directory-tracks">
-				</tbody>
-				</table>
+				<div>
+					<input type="button" id="directory-add" value="Add selected" />
+					<table id="directory-table" class="track-table">
+					<thead>
+						<tr>
+							<th>Title</th>
+							<th>Artist</th>
+							<th>Album</th>
+						</tr>
+					</thead>
+					<tbody id="directory-dirs">
+					</tbody>
+					<tbody id="directory-tracks">
+					</tbody>
+					</table>
+				</div>
 			</div>
 			<div id="albums-tab">
 				<div id="albums-list">
diff --git a/static/style.css b/static/style.css
index e7c1d85..f440fd3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,9 +1,9 @@
 * { padding: 0; margin: 0; }
 html, body, #content { height: 100%; }
-#tabs { height: 90%; }
+#tabs { height: 90%; overflow: hidden; }
+#tabs > div { overflow: auto; max-height: 85%; height: 85%; }
 
 .ui-tabs-nav li a { font-size: small; }
-#tabs #albums-tab.ui-tabs-panel { padding: 0; }
 #progress { margin: .5em 1em; width: 300px; }
 #tabs { font-size: 100%; }
 
@@ -28,8 +28,6 @@ html, body, #content { height: 100%; }
 #search_box { border: 1px solid #888; border-radius: 10px; padding: 0 .3em; }
 #search-results { margin-top: 1em; }
 
-#albums-tab { height: 95%; }
-#albums-list { overflow: auto; max-height: 100%; }
 .album-tile { width: 128px; display: inline-block; vertical-align: top; padding: 1em; }
 .album-tile a { text-decoration: none; }
 .album-tile a:hover { text-decoration: underline; }