refactor

routes/_components/status/Status.html

@@ -1,4 +1,4 @@
-<article class="status-article {{originalStatus.visibility === 'direct' ? 'status-direct' : ''}} {{isStatusInOwnThread ? 'status-in-own-thread' : ''}}"
+<article class="status-article {{originalStatus.visibility === 'direct' ? 'status-direct' : ''}}"
          tabindex="0"
          aria-posinset="{{index}}" aria-setsize="{{length}}"
          on:recalculateHeight>
@@ -11,7 +11,7 @@
     <StatusSpoiler status="{{originalStatus}}" :spoilerShown on:recalculateHeight />
   {{/if}}
   {{#if !originalStatus.spoiler_text || spoilerShown}}
-    <StatusContent status="{{originalStatus}}" />
+    <StatusContent status="{{originalStatus}}" :isStatusInOwnThread />
   {{/if}}
   {{#if hasMedia}}
     <StatusMediaAttachments status="{{originalStatus}}" on:recalculateHeight />

routes/_components/status/StatusContent.html

@@ -1,5 +1,8 @@
-<div class="status-content" ref:node>
-  {{{emojifiedContent}}}
+<div
+  class="status-content {{isStatusInOwnThread ? 'status-in-own-thread' : ''}}"
+  ref:node
+>
+    {{{emojifiedContent}}}
 </div>
 <style>
   .status-content {
@@ -11,7 +14,7 @@
     font-size: 0.9em;
   }
 
-  :global(.status-in-own-thread .status-content) {
+  .status-content.status-in-own-thread {
     font-size: 1.3em;
     margin: 20px 10px 20px 5px;
   }