Made the filter opt visible again and started work on the filter drop-down menu.

templates/topics.html

@@ -6,13 +6,17 @@
 	{{if ne .CurrentUser.ID 0}}
 		<div class="optbox">
 		{{if .ForumList}}
-			<!--<div class="opt" style="margin-right: auto;">
+			<div class="opt filter_opt" style="margin-right: auto;">
 				<a href="#" style="font-size: 18px;margin-left: 5px;"> / Most Recent <span style="margin-left: -5px;">▾</span></a>
 				<div class="link_select">
-					<div class="link_option link_selected">Most Recent</div>
-					<div class="link_option">Most Viewed</div>
+					<div class="link_option link_selected">
+						<a href="/topics/">Most Recent</a>
+					</div>
+					<div class="link_option">
+						<a href="/topics/most-viewed/">Most Viewed</a>
+					</div>
 				</div>
-			</div>-->
+			</div>
 			<div class="pre_opt auto_hide"></div>
 			<div class="opt create_topic_opt" title="{{lang "topic_list.create_topic_tooltip"}}" aria-label="{{lang "topic_list.create_topic_aria"}}"><a class="create_topic_link" href="/topics/create/"></a></div>
 			{{/** TODO: Add a permissions check for this **/}}

themes/cosora/public/main.css

@@ -425,6 +425,9 @@ h1, h3 {
 .mod_opt .moderate_open {
 	display: none;
 }
+.filter_opt {
+	display: none;
+}
 
 .topic_create_form {
 	display: flex !important;

themes/nox/public/main.css

@@ -332,12 +332,11 @@ h2 {
 .topic_list_title_block .optbox {
 	display: flex;
 	/*margin-left: auto;*/
-	margin-left: auto;
 	font-size: 17px;
 	margin-top: 3.5px;
 	margin-right: 16px;
 	margin-right: 18px;
-	/*width: 100%;*/
+	width: 100%;
 }
 .topic_list_title_block .pre_opt:before {
 	content: "{{index .Phrases "topics_click_topics_to_select"}}";
@@ -356,6 +355,20 @@ h2 {
 	content: "Moderate";
 }
 
+.link_select {
+	background: #333333;
+	background-color: #444444;
+	position: absolute;
+	border: 1px solid #333333;
+	padding: 16px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	margin-top: 2px;
+}
+.link_select .link_option a {
+	margin-left: 0px;
+}
+
 .topic_row:not(:last-child) {
 	margin-bottom: 8px;
 }

themes/shadow/public/main.css

@@ -723,6 +723,9 @@ input[type=checkbox]:checked + label.poll_option_label .sel {
 	margin-left: auto;
 	margin-right: 12px;
 }
+.filter_opt {
+	display: none;
+}
 
 @keyframes fadein {
 	from { opacity: 0; }

themes/tempra-simple/public/main.css

@@ -324,6 +324,9 @@ li a {
 	color: rgb(120,120,120);
 	text-decoration: none;
 }*/
+.filter_opt {
+	display: none;
+}
 
 .to_right {
 	margin-left: auto;