Updated CSS of leaderboard page to not get ridiculously large with long names, and not make the points-string off-center

1 files changed, 23 insertions, 3 deletions

diff --git a/css/stats.css b/css/stats.css
index d262a75..28d6842 100644
--- a/css/stats.css
+++ b/css/stats.css
@@ -9,7 +9,7 @@
 	margin-right: 0px;
 	margin-left: 12px;
 	float: left;
-	width: 300px;
+	max-width: 340px;
 	height: auto;
 }
 .col {
@@ -37,6 +37,26 @@ table {
 td, th {
 	padding: 3px;
 }
+
+.leaderboardHeaders .leaderboardHeadersRank,
+.leaderboardHeaders .leaderboardHeadersName,
+.leaderboardHeaders .leaderboardHeadersMoves,
+.leaderboardHeaders .leaderboardHeadersTime
+{
+	border:1px solid #ccc;
+}
+
+.leaderboardHeaders .leaderboardHeadersRank { width: 40px; }
+.leaderboardHeaders .leaderboardHeadersName,
+.leaderboardName
+{
+	max-width: 140px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+.leaderboardHeaders .leaderboardHeadersMoves { width: 45px; }
+.leaderboardHeaders .leaderboardHeadersTime { width: 85px; }
+
 .lbrow {
 	/* Temporary adjust for font changes */
 	font-size:105%;
@@ -112,13 +132,13 @@ td, th {
 	white-space:nowrap;
 }
 
-.wrapper .col1 .myPoints
+.myPoints
 {
 	text-align: center;
 	color: #00DDFF;
 }
 
-.wrapper .col1 .myPoints .myPointsValue
+.myPoints .myPointsValue
 {
 	font-weight: bold;
 }
\ No newline at end of file