Move CSS stuff from javascript to global CSS

frontend/js/watcher/menu.js

@@ -33,9 +33,8 @@ function addThreadToMenu(thread) {
 		class: "watcher-item"
 	}).append(
 		$("<a/>").prop({
+			id: "threadlink",
 			href: `${webroot}${thread.board}/res/${thread.id}.html`
-		}).css({
-			"font-weight": "bold"
 		}).text(`/${thread.board}/${thread.id}`)," ",
 		$replyCounter," ",
 		$("<a/>").prop({
@@ -46,6 +45,8 @@ function addThreadToMenu(thread) {
 			unwatchThread(thread.id, thread.board);
 		}).text("X"), " "
 	);
+	let $threadLinks = $watcherItem.find("a#threadlink");
+	console.log($threadLinks.css("font-size"));
 	if(thread.err !== undefined)
 	$watcherItem.append($("<span/>")
 		.css({color: "red"})
@@ -82,9 +83,8 @@ function updateThreadInWatcherMenu(thread) {
 		$replyCounter.append(
 			"(Replies: ", thread.newNumPosts - 1,", ",
 			$("<a/>").prop({
+				id: "newposts",
 				href: `${webroot}${thread.board}/res/${thread.op}.html#${thread.newPosts[0].no}`
-			}).css({
-				"font-weight": "bold"
 			}).text(`${thread.newPosts.length} new`),
 			") "
 		);

frontend/package.json

@@ -22,7 +22,7 @@
     "test": "jest --verbose",
     "build-sass": "sass --no-source-map sass:../html/css",
     "minify-sass": "sass --no-source-map sass:../html/css",
-    "watch-sass": "sass --watch sass:../html/css"
+    "watch-sass": "sass --no-source-map --watch sass:../html/css"
   },
   "author": "Eggbertx",
   "license": "BSD-2-Clause",

frontend/sass/global.scss

@@ -3,6 +3,7 @@
 @import 'global/manage';
 @import 'global/lightbox';
 @import 'global/qr';
+@import "global/watcher";
 
 header {
 	margin-top:50px;

frontend/sass/global/_watcher.scss

@@ -0,0 +1,9 @@
+.watcher-item {
+	a#threadlink {
+		font-weight: bold;
+		font-size: 18px;
+	}
+	a#newposts {
+		font-weight: bold;
+	}
+}

html/css/global.css

@@ -477,6 +477,14 @@ table#qr-postbox textarea {
   color: #000;
 }
 
+.watcher-item a#threadlink {
+  font-weight: bold;
+  font-size: 18px;
+}
+.watcher-item a#newposts {
+  font-weight: bold;
+}
+
 header {
   margin-top: 50px;
   text-align: center;