diff --git a/js/thread-watcher.js b/js/thread-watcher.js
index 22656e48..625e95e0 100644
--- a/js/thread-watcher.js
+++ b/js/thread-watcher.js
@@ -28,10 +28,10 @@ watchlist.render = function(reset) {
JSON.parse(localStorage.watchlist).forEach(function(e, i) {
//look at line 69, that's what (e) is here.
threads.push('
');
});
if ($('#watchlist').length) {
@@ -40,6 +40,7 @@ watchlist.render = function(reset) {
$('#watchlist').append(threads.join(''));
} else {
//If the watchlist has not yet been rendered, create it.
+ var menuStyle = getComputedStyle($('.boardlist')[0]);
$('form[name="post"]').before(
$(''+
'
'+
@@ -47,10 +48,7 @@ watchlist.render = function(reset) {
'
[Clear Ghosts]'+
'
'+
threads.join('')+
- '
').css({
- background: $('.reply').css('background'),
- borderColor : $('.reply').css('border-color')
- }));
+ '').css("background-color", menuStyle.backgroundColor).css("border", menuStyle.borderBottomWidth+" "+menuStyle.borderBottomStyle+" "+menuStyle.borderBottomColor));
}
return this;
};
diff --git a/stylesheets/style.css b/stylesheets/style.css
index b574a9f7..91a0b6f5 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -974,10 +974,18 @@ span.pln {
margin-bottom: 10px;
}
+#watchlist {
+ font-size: 8pt;
+ width: 15%;
+ position: fixed;
+ right: 0pt;
+ bottom: 0pt;
+ margin: 0pt;
+ padding: 0pt;
+}
+
.watchlist-inner, .watchlist-controls {
- margin: 0 auto;
- margin-top: 10px;
- margin-bottom: 10px;
+ margin: 0pt;
text-align: center;
}