feat: wider DMs (#675)

components/status/StatusCard.vue

@@ -149,7 +149,7 @@ const isDM = $computed(() => status.visibility === 'direct')
           </div>
           <StatusActionsMore v-if="actions !== false" :status="status" me--2 />
         </div>
-        <StatusContent :status="status" :context="context" mb2 :class="{ mt2: isDM }" />
+        <StatusContent :status="status" :context="context" mb2 :class="{ 'mt-2 mb1': isDM }" />
         <div>
           <StatusActions v-if="(actions !== false && !isZenMode)" :status="status" />
         </div>

components/status/StatusContent.vue

@@ -23,8 +23,8 @@ const isFiltered = $computed(() => filterPhrase && (context && context !== 'deta
   <div
     space-y-3
     :class="{
-      'pt2 pb0.5 px3.5 border-1 rounded-3 rounded-bs-is-none': isDM,
-      'bg-fade border-primary-light': isDM,
+      'pt2 pb0.5 px3.5 bg-fade border-1 border-primary-light rounded-5 mx--1': isDM,
+      'ms--3.5 mt--1': isDM && context !== 'details',
     }"
   >
     <StatusBody v-if="!isFiltered && status.sensitive && !status.spoilerText" :status="status" :with-action="!isDetails" :class="isDetails ? 'text-xl' : ''" />