Fix bugs on status page

src/components/status.css

@@ -58,9 +58,10 @@
 .indirect .status {
   padding-left: 57px;
 }
-.indirect .status > .avatar {
+.indirect .status .avatar {
   width: 25px !important;
   height: 25px !important;
+  transform: translateX(5px);
 }
 
 .status:not(.small) .container {

src/pages/status.jsx

@@ -179,10 +179,11 @@ export default ({ id }) => {
                 )}
                 {uiState === 'loading' &&
                   isHero &&
-                  !!heroStatus?.repliesCount && (
+                  !!heroStatus?.repliesCount &&
+                  statuses.length === 1 && (
                     <div class="status-loading">
-                      <Loader />{' '}
-                      <span>
+                      <Loader />
+                      {/* {' '}<span>
                         {!!replies.length &&
                           replies.length !== comments.length && (
                             <>
@@ -197,7 +198,7 @@ export default ({ id }) => {
                             {comments.length > 1 ? 's' : ''}
                           </>
                         )}
-                      </span>
+                      </span> */}
                     </div>
                   )}
               </li>