icons for dropdown menu

app/javascript/mastodon/components/dropdown_menu.js

@@ -162,6 +162,7 @@ class DropdownMenu extends React.PureComponent {
           {/*{i} )*/}
 
           {text}
+          <span> </span>
           {i === 0 &&
           <i className='fa fa-eye-o' />
           }

app/javascript/mastodon/components/status_content.js

@@ -205,7 +205,7 @@ export default class StatusContent extends React.PureComponent {
         <FormattedMessage
           id='status.show_thread'
           defaultMessage='Show thread'
-        />
+        /> <i className='fa fa-comment' />
       </button >
     );
 
@@ -218,10 +218,7 @@ export default class StatusContent extends React.PureComponent {
         <FormattedMessage
           id='status.read_more'
           defaultMessage='Read more'
-        /><Icon
+        /> <i className='fa fa-comment' />
-        id='angle-right'
-        fixedWidth
-      />
       </button >
     );
 

app/javascript/styles/bliss/components.scss

@@ -847,10 +847,9 @@
 .status__content.status__content--collapsed {
   max-height: 20px * 15; // 15 lines is roughly above 500 characters
 }
-
 .status__content__read-more-button {
   display: block;
-  font-size: 15px;
+  font-size: 0.85em;
   line-height: 20px;
   color: lighten($ui-highlight-color, 8%);
   border: 0;
@@ -870,6 +869,15 @@
 
     margin-left: 1ch;
   }
+
+  span{
+    opacity: 0;
+    transition: all ease 0.5s;
+    &:hover{
+      opacity: 1;
+      transition: all ease 0.5s;
+    }
+  }
 }
 
 .status__content__spoiler-link {
@@ -1821,6 +1829,10 @@ a.account__display-name {
       outline: 0;
     }
   }
+  i.fa{
+    margin-left: 1ch;
+    margin-right: 1ch;
+  }
 }
 
 .dropdown--active .dropdown__content {