differentiating visited topics better, fixing extra white space in the title header (also realigning title header)

app/assets/stylesheets/desktop/topic-list.scss

@@ -42,6 +42,9 @@
   border: 1px solid $topic-list-border-color;
   @include border-radius-all(4px 4px 0 0);
   @include box-shadow(0 1px 3px rgba($black, 0.22));
+
+  a:visited {color: #888;}
+
   tbody tr {
     background-color: $white;
     &:nth-child(even) {

app/assets/stylesheets/desktop/topic-post.scss

@@ -460,17 +460,17 @@ iframe {
 
 .extra-info {
   h1 {
-    display: inline-block;
-    max-width: 800px;
-    width: 90%;
-    margin: 7px 0 0 0;
-    line-height: 1.0;
+    margin: 7px 0 0 25px;
+    line-height: 1em;
+  a:not(.badge-category) {margin-left: -10px;}
+
   }
 
 
+
   a.star {
     margin-right: 8px;
-    margin-top: 11px !important;
+    margin-top: 6px;
   }
 
   .badge-category {
@@ -616,7 +616,7 @@ h3 {
   font-size: 13px;
   margin-top: 5px;
   word-wrap: break-word;
-  line-height: 1.2;
+  line-height: 1.2em;
 }
 
 
@@ -636,6 +636,11 @@ blockquote {
   padding: 12px;
 }
 
+.info-line {
+  margin: 10px 0; 
+  color: #666;
+}
+
 .quote .title {margin-right: 0;}
 
 .quote-controls {
@@ -775,14 +780,8 @@ button.show-replies {
   }
 
 
-
 }
 
-
-
-
-
-
 .btn-group .dropdown-toggle:active,
 .btn-group.open .dropdown-toggle {
   outline: 0;