Make the level bars in the profiles look less ugly.

common/routes_common.go

@@ -272,7 +272,6 @@ func preRoute(w http.ResponseWriter, r *http.Request) (User, bool) {
 		usercpy.LastIP = host
 		return *usercpy, true
 	}
-
 	if host != usercpy.LastIP {
 		err = usercpy.UpdateIP(host)
 		if err != nil {

templates/profile.html

@@ -14,7 +14,14 @@
 		</div>
 		<div class="levelBlock">
 			<div class="rowitem passive">
-				<a class="profile_menu_item">{{level .ProfileOwner.Level}}: [{{.CurrentScore}} / {{.NextScore}}]</a>
+				<div class="profile_menu_item level_inprogress">
+					<div class="levelBit">
+						<a>{{level .ProfileOwner.Level}}</a>
+					</div>
+					<div class="progressWrap" style="width: 40%;">
+						<div>{{.CurrentScore}} / {{.NextScore}}</div>
+					</div>
+				</div>
 			</div>
 		</div>
 		<div class="passiveBlock">

themes/nox/public/main.css

@@ -869,6 +869,9 @@ input[type=checkbox]:checked + label .sel {
 .progressWrap {
 	margin-left: auto;
 }
+.levelBit {
+	color: #dadada;
+}
 /* CSS behaves in stupid ways, so we need to be very specific about this */
 .rowblock:not(.topic_list):not(.rowhead):not(.opthead) .rowitem.level_inprogress:not(.post_item),
 .coldyn_item .rowitem.level_inprogress {
@@ -894,6 +897,7 @@ input[type=checkbox]:checked + label .sel {
 }
 .level_inprogress .progressWrap div {
 	margin-left: auto;
+	white-space: nowrap;
 }
 
 @media(max-width: 600px) {

themes/nox/public/profile.css

@@ -33,6 +33,9 @@
 	margin-top: 12px;
 	padding: 12px;
 }
+.levelBlock {
+	padding: 0px;
+}
 
 .colstack_right .colstack_head:not(:first-child) {
 	margin-top: 0px;