more view styling

2 files changed, 29 insertions, 10 deletions

diff --git a/webroot/css/view.css b/webroot/css/view.css
index 4b0a9a1..7d10164 100644
--- a/webroot/css/view.css
+++ b/webroot/css/view.css
@@ -15,13 +15,31 @@ section#cast {
 	float: left;
 	width: 620px;
 }
-section#cast p {
-	margin: 0;
+section#cast a {
+	padding: 4px 7px;
+	border: 1px solid #aaa;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	background: #ddd;
+	background: -moz-linear-gradient(top, #ddd, #bbb);
+	background: -webkit-linear-gradient(top, #ddd, #bbb);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb');
+	color: #111;
+}
+section#cast a:hover {
+	background: #eee;
+	background: -moz-linear-gradient(top, #eee, #ccc);
+	background: -webkit-linear-gradient(top, #eee, #ccc);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
 }
 section#cast table {
 	table-layout: fixed;
 	display: none;
 }
+section#cast tr.char {
+	border-top: 1px solid #ccc;
+}
 section#cast td {
 	padding: 3px;
 }
@@ -29,10 +47,10 @@ section#cast td:nth-child(1) {
 	width: 60px;
 }
 section#cast td:nth-child(2) {
-	width: 250px;
+	width: 300px;
 }
 section#cast td:nth-child(3) {
-	width: 200px;
+	width: 60px;
 }
 section#cast #castlink {
 	display: none;
@@ -41,8 +59,9 @@ section#cast #castlink {
 aside#malstats {
 	float: right;
 	width: 150px;
+	border-left: 1px solid #ccc;
+	padding-left: 15px;
 }
-
-p {
-	text-indent: 0;
+aside#malstats p {
+	margin-bottom: 2px;
 }
diff --git a/webroot/js/functions.js b/webroot/js/functions.js
index 86f3f3c..5f7d7ae 100644
--- a/webroot/js/functions.js
+++ b/webroot/js/functions.js
@@ -18,14 +18,14 @@ jQuery(document).ready(function($) {
 
 function toggleCast() {
 	var table = $('#cast table');
-	if (table.css('display') == 'inline') {
+	if (table.css('display') == 'block') {
 		table.css('display', 'none');
 		$('#cast > p > a').text('Cast ↓');
 		$('#castlink').css('display', 'none');
 	} else {
-		table.css('display', 'inline');
+		table.css('display', 'block');
 		$('#cast > p > a').text('Cast ↑');
-		$('#castlink').css('display', 'inline');
+		$('#castlink').css('display', 'block');
 	}
 	return false;
 }