Condense CommentInfo to one line

src/pages/common/Post.js

@@ -66,16 +66,15 @@ export default (props) => {
         {innerHTML !== undefined &&
           <div className='thread-selftext user-text' dangerouslySetInnerHTML={{ __html: showEdited ? editedInnerHTML : innerHTML }} />}
         <div className='total-comments'>
-          <Link className='grey-link' to={props.permalink}><b>{props.num_comments} comments</b></Link>&nbsp;
-          <a className='grey-link' href={`https://www.reddit.com${props.permalink}`}><b>reddit</b></a>&nbsp;
-          <a className='grey-link' href={`https://reveddit.com${props.permalink}`}><b>reveddit</b></a>
+          <Link to={props.permalink}>{props.num_comments} comments</Link>&nbsp;
+          <a href={`https://www.reddit.com${props.permalink}`}>reddit</a>&nbsp;
+          <a href={`https://reveddit.com${props.permalink}`}>reveddit</a>
           {props.hasOwnProperty('edited_selftext') &&
             <a onClick=  {() => setShowEdited(!showEdited)}
                onKeyDown={e => e.key == "Enter" && setShowEdited(!showEdited)}
                tabIndex= {0}
-               className='grey-link'
                title=    {showEdited ? 'The most recent version is shown; click to show the earliest archived' : 'The earliest archived version is shown; click to show the most recent'}
-            ><b>*edited</b></a>}
+            >*edited</a>}
         </div>
       </div>
     </div>

src/pages/thread/CommentInfo.js

@@ -4,11 +4,10 @@ const getProcent = (part, total) => (total === 0 ? '0.0' : ((100 * part) / total
 
 export default props => (
   <div id='comment-info'>
-    <span className='removed-text'>
+    <span className='nowrap removed-text'>
       removed comments: {props.removed}/{props.total} ({getProcent(props.removed, props.total)}%)
     </span>
-    <br />
-    <span className='deleted-text'>
+    <span className='nowrap deleted-text'>
       deleted comments:  {props.deleted}/{props.total} ({getProcent(props.deleted, props.total)}%)
     </span>
   </div>

src/sass/comment.sass

@@ -62,15 +62,3 @@
 
 .comment-even
   background-color: #161616
-
-#comment-info
-  margin-top: 13px
-  font-weight: bold
-  padding-bottom: 5px
-  border-bottom: 1px dotted #808080
-  font-size: 16px
-
-#sort-by
-  color: #828282
-  font-size: 12px
-  margin: 5px 0 10px

src/sass/post.sass

@@ -1,11 +1,13 @@
 #comment-info 
-  color: #ca302c
   margin-top: 10px
   font-weight: bold
   padding-bottom: 5px
   border-bottom: 1px dotted #808080
   font-size: 16px
 
+#comment-info span
+  margin-right: 8px
+
 
 #comment-sort, #comment-sort input
   color: #808080

src/sass/thread.sass

@@ -124,14 +124,16 @@
   
 
   .total-comments 
-    color: #828282
     font-size: 10px
+    font-weight: bold
     margin: 4px 0
 
-  .grey-link, .grey-link:link, .grey-link:visited, .grey-link:hover, .grey-link:focus, .grey-link:active  
-    color: #828282
-    margin-right: 4px
-    cursor: pointer
+    a, span
+      color: #828282
+      margin-right: 4px
+
+    a
+      cursor: pointer
 
 
 .view-rest-of-comment
@@ -147,12 +149,11 @@
   font-weight: bold
   font-size: 10px
 
-  a
+  a, span
     margin-left: 16px
-    cursor: pointer
 
-  span
-    margin-left: 16px
+  a
+    cursor: pointer
 
   .fade
     animation: fade-anim 3s 2s ease-in-out forwards