move toggle to top of table

abr-egn · abr-egn · commit d70ca4a6ecd2 · 2025-01-04T13:50:24.000-05:00
diff --git a/server/index_handler.go b/server/index_handler.go
@@ -43,6 +43,7 @@ var index = `<!DOCTYPE html><html>
 		</div>
         <div class="content-box">
             <h1>{{call $.Translate "Activity"}}</h1>
+			<div id="help-toggle"></div>
             <a href="rss"><img src="static/images/rss-icon-28.png" class="rss-icon" /></a>
             <table id="activity-table" class="list">
                 <thead>
diff --git a/server/static/index.js b/server/static/index.js
@@ -137,8 +137,6 @@ function loadActivity() {
             $tbody.append($tr);
         }
 
-        var activityNav = $('#activity-nav').empty();
-
         var nohelpText;
         var nohelpHref;
         if (nohelp != 'true') {
@@ -148,12 +146,12 @@ function loadActivity() {
             nohelpText = 'Show Help Forum';
             nohelpHref = '#page=' + page + '&nohelp=false';
         }
-        activityNav.append($('<a>').text(nohelpText).attr('href', nohelpHref).click(function() {
+        $('#help-toggle').empty().append($('<a>').text(nohelpText).attr('href', nohelpHref).click(function() {
             currentPage = undefined;
             window.scrollTo(0, 0);
         }));
 
-        activityNav.append($('<a>').text('Next Page').attr('href', '#page=' + data.next + '&nohelp=' + nohelp).click(function() {
+        $('#activity-nav').empty().append($('<a>').text('Next Page').attr('href', '#page=' + data.next + '&nohelp=' + nohelp).click(function() {
             window.scrollTo(0, 0);
         }));
     }).fail(function() {
diff --git a/server/static/style.css b/server/static/style.css
@@ -65,7 +65,10 @@ div.notice {
 	color: #202020;
 }
 
-div.notice a, div.notice a:visited, div.notice a:active, div.notice a:hover {
+div.notice a,
+div.notice a:visited,
+div.notice a:active,
+div.notice a:hover {
 	color: #202020;
 	text-decoration: underline;
 }
@@ -100,6 +103,12 @@ div.container {
 	opacity: 1.0;
 }
 
+#help-toggle {
+	position: absolute;
+	top: 24px;
+	right: 50px;
+}
+
 div.content-box h1 {
 	padding: 6px;
 	padding-top: 0px;
@@ -197,7 +206,8 @@ td.toggle img {
 	filter: opacity(70%);
 }
 
-.expander:hover, .collapser:hover {
+.expander:hover,
+.collapser:hover {
 	filter: opacity(100%);
 }
 
@@ -258,7 +268,8 @@ td.body img {
 	background-color: #323232;
 }
 
-.spoilerTitle, .spoilerContent {
+.spoilerTitle,
+.spoilerContent {
 	padding: 8px;
 }
 
@@ -275,4 +286,4 @@ td.body img {
 
 #locale-selection li.selected-locale {
 	opacity: 1.0;
-}
+}
