The Topic page is nearly done for Nox, just the buttons and a few little things now.

Fixed the paginator in the Nox Panel.
Eliminated a redundant class="" in the registration logs when the registration is a success.

Part-way through fixing the analytics page header.

routes/panel/logs.go

@@ -10,6 +10,7 @@ import (
 	"../../common"
 )
 
+// TODO: Link the usernames for successful registrations to the profiles
 func LogsRegs(w http.ResponseWriter, r *http.Request, user common.User) common.RouteError {
 	basePage, ferr := buildBasePage(w, r, &user, "registration_logs", "logs")
 	if ferr != nil {

templates/panel_analytics_views.html

@@ -5,7 +5,7 @@
 		<form id="timeRangeForm" name="timeRangeForm" action="/panel/analytics/views/" method="get">
 			<div class="colstack_item colstack_head">
 				<div class="rowitem">
-					<a>{{lang "panel_statistics_requests_head"}}</a>
+					<h1>{{lang "panel_statistics_requests_head"}}</h1>
 					<select class="timeRangeSelector to_right" name="timeRange">
 						<option val="one-month"{{if eq .TimeRange "one-month"}} selected{{end}}>{{lang "panel_statistics_time_range_one_month"}}</option>
 						<option val="one-week"{{if eq .TimeRange "one-week"}} selected{{end}}>{{lang "panel_statistics_time_range_one_week"}}</option>

templates/panel_reglogs.html

@@ -8,7 +8,7 @@
 		<div id="panel_modlogs" class="colstack_item rowlist">
 			{{range .Logs}}
 			<div class="rowitem panel_compactrow">
-				<span class="{{if not .Success}}panel_registration_attempt{{end}}" style="float: left;">
+				<span{{if not .Success}} class="panel_registration_attempt"{{end}} style="float: left;">
 					<span>{{if not .Success}}{{lang "panel_logs_registration_attempt"}}: {{end}}{{.Username}} ({{lang "panel_logs_registration_email"}}: {{.Email}}){{if .ParsedReason}} ({{lang "panel_logs_registration_reason"}}: {{.ParsedReason}}){{end}}</span>
 					{{if $.CurrentUser.Perms.ViewIPs}}<br /><small style="margin-left: 2px;font-size: 12px;">{{.IPAddress}}</small>{{end}}
 				</span>

themes/nox/public/main.css

@@ -585,6 +585,7 @@ button, .formbutton, .panel_right_button {
 	margin-right: 5px;
 	font-size: 15px;
 	color: #dddddd;
+	white-space: nowrap;
 }
 .post_item .action_button_left {
 	display: flex;
@@ -696,9 +697,6 @@ button, .formbutton, .panel_right_button {
 	.post_item .created_at {
 		margin-left: auto;
 	}
-	.ip_item.hide_on_mobile {
-		display: none;
-	}
 	.post_item, .topic_reply_container {
 		flex-direction: column;
 	}
@@ -723,51 +721,6 @@ button, .formbutton, .panel_right_button {
 }
 
 @media(max-width: 600px) {
-	nav.nav {
-		background: #2a2a2a;
-		width: 100%;
-	}
-	ul {
-		display: flex;
-		padding-left: 14px;
-		padding-right: 0px;
-	}
-	li {
-		float: left;
-		margin-right: 6px;
-	}
-	li a {
-		padding-top: 14px;
-		padding-bottom: 6px;
-		font-size: 15px;
-		display: inline-block;
-		color: #bfbfbf;
-	}
-	.menu_topics a {
-		padding-bottom: 15px;
-		color: #cfcfcf;
-		border: none;
-	}
-	#menu_overview {
-		margin-right: 10px;
-	}
-	#menu_overview a {
-		font-size: 17px;
-		padding-bottom: 7px;
-		color: rgb(226,226,226);
-		padding-top: 12px;
-	}
-	.right_of_nav {
-		width: auto;
-		padding: 0px;
-	}
-	.user_box {
-		display: none;
-	}
-
-	#back {
-		flex-direction: column;
-	}
 	.rowhead h1, .opthead h1, .colstack_head h1 {
 		font-size: 19px;
 	}
@@ -794,6 +747,104 @@ button, .formbutton, .panel_right_button {
 	.topic_list .topic_right_inside .lastReplyAt, .topic_list .topic_left .starter {
 		white-space: nowrap;
 	}
+
+	.userinfo {
+		padding: 18px;
+		width: 140px;
+	}
+	.avatar_item {
+		height: 48px;
+		width: 48px;
+		background-size: 68px;
+	}
+	.the_name {
+		font-size: 17px;
+	}
+	.ip_item.hide_on_mobile {
+		display: none;
+	}
+}
+
+@media(max-width: 601px) {
+	ul {
+		padding-left: 14px;
+	}
+	li a {
+		padding-bottom: 6px;
+		font-size: 15px;
+		color: #bfbfbf;
+	}
+
+	#menu_overview {
+		margin-right: 10px;
+	}
+	#menu_overview a {
+		font-size: 17px;
+		padding-bottom: 7px;
+		color: rgb(226,226,226);
+		padding-top: 12px;
+	}
+	.menu_topics a {
+		color: #cfcfcf;
+	}
+}
+
+@media (max-width: 750px) and (min-width: 600px) {
+	ul {
+		padding-left: 16px;
+	}
+	#menu_overview {
+		margin-right: 12px;
+	}
+	#menu_overview a {
+		font-size: 19px;
+		padding-bottom: 5px;
+		color: rgb(231,231,231);
+		padding-top: 11px;
+	}
+	li a {
+		padding-bottom: 13px;
+		font-size: 16px;
+		color: #cfcfcf;
+	}
+	.menu_topics a {
+		color: #dddddd;
+	}
+}
+
+@media (max-width: 750px) {
+	nav.nav {
+		background: #2a2a2a;
+		width: 100%;
+	}
+	ul {
+		display: flex;
+		padding-right: 0px;
+	}
+	li {
+		float: left;
+		margin-right: 6px;
+	}
+	li a {
+		padding-top: 14px;
+		display: inline-block;
+	}
+	.menu_topics a {
+		padding-bottom: 15px;
+		border: none;
+	}
+
+	.right_of_nav {
+		width: auto;
+		padding: 0px;
+	}
+	.user_box {
+		display: none;
+	}
+
+	#back {
+		flex-direction: column;
+	}
 }
 
 @media(max-width: 850px) {
@@ -804,7 +855,7 @@ button, .formbutton, .panel_right_button {
 	.container {
 		background-color: var(--second-dark-background);
 	}
-	#back {
+	#back, .footer {
 		width: 1000px;
 		margin-left: auto;
 		margin-right: auto;
@@ -813,12 +864,25 @@ button, .formbutton, .panel_right_button {
 		display: flex;
 	}
 	.footer {
-		margin-left: auto;
-		margin-right: auto;
-		width: 1000px;
 		display: flex;
 		flex-direction: column;
 	}
+
+	.userinfo {
+		width: 180px;
+		padding-bottom: 18px;
+	}
+	.userinfo .avatar_item {
+		height: 64px;
+		width: 64px;
+		background-size: 88px;
+	}
+	.userinfo .the_name {
+		font-size: 19px;
+	}
+	.userinfo .post_tag {
+		font-size: 17px;
+	}
 }
 
 @media(min-width: 1330px) {

themes/nox/public/panel.css

@@ -264,3 +264,7 @@ button, .formbutton, .panel_right_button, #panel_users .profile_url {
 #panel_debug .grid_stat:not(.grid_stat_head) {
 	margin-bottom: 5px;
 }
+
+.pageitem {
+	background-color: #555555;
+}

themes/tempra-simple/public/main.css

@@ -241,6 +241,13 @@ li a {
 
 .rowhead .rowitem, .colstack_head .rowitem {
 	background-color: rgb(252,252,252);
+	display: flex;
+}
+.rowhead .rowitem select, .colstack_head .rowitem select {
+	padding-top: 2px;
+	padding-bottom: 2px;
+	margin-top: -3px;
+	margin-bottom: -2px;
 }
 .rowhead h1, .colstack_head h1 {
 	-webkit-margin-before: 0;
@@ -249,6 +256,7 @@ li a {
 	margin-block-end: 0;
 	font-weight: normal;
 	font-size: 16px;
+	margin-left: 4px;
 }
 
 .rowitem {