add 'more »' link to topbar

static/css/dark.css

@@ -55,15 +55,15 @@ body.dark #post .usertext-body {
 	background: #0a0a0a;
 	border: 1px solid #404040;
 }
-body.dark #post .infobar {
+body.dark .infobar {
 	background-color: #d2d2d2;
 	color: #2f2f2f;
 }
-body.dark #post .infobar.blue {
+body.dark .infobar.blue {
 	background: #c7e3f9;
 	border: 1px solid #4b78a4;
 }
-body.dark #post .infobar a {
+body.dark .infobar a {
 	color: #0356d4;
 }
 body.dark header .tabmenu li a {
@@ -179,6 +179,10 @@ body.dark footer a {
   color: #999;
 }
 body.dark .flair {
-    color: #eaeaea !important;
+  color: #eaeaea !important;
-    background-color: #404040 !important;
+  background-color: #404040 !important;
+}
+body.dark #sr-more-link {
+  color: white;
+  background: #0f0f0f;
 }

static/css/styles.css

@@ -30,6 +30,7 @@ a:hover, a:focus {
   width: 100%;
   float: left;
   overflow: hidden;
+  position: relative;
 }
 .upvotes .arrow, .score .arrow {
   background: url(/css/sprite.png);
@@ -581,6 +582,19 @@ footer a {
   float: left;
   width: calc(100% - 120px);
 }
+.explore#links .link .description {
+  font-size: 0.86rem;
+}
+#sr-more-link {
+  color: black;
+  background-color: #f0f0f0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  padding: 0px 15px 0px 15px;
+  margin: 3px 0px;
+  font-weight: bold;
+}
 
 /* POST */
 #post {

views/includes/topbar.pug

@@ -63,3 +63,4 @@ div#topbar
       a(href="/r/announcements") announcements
       a(href="/r/listentothis") listentothis
       a(href="/r/blog") blog
+    a(href="/subreddits", id="sr-more-link") more »