Redo editing placement

src/components/status/status.scss

@@ -160,8 +160,9 @@
     margin-right: 0.2em;
   }
 
-  & .heading-reply-row,
+  & .heading-reply-row {
-  & .heading-edited-row {
+    position: relative;
+    margin-top: 0.2em;
     align-content: baseline;
     font-size: 0.85em;
     line-height: 130%;
@@ -169,16 +170,6 @@
     align-items: stretch;
   }
 
-  & .heading-reply-row {
-    position: relative;
-    margin-top: 0.2em;
-  }
-
-  & .heading-edited-row {
-    position: absolute;
-    right: 12px;
-  }
-
   & .reply-to-popover,
   & .reply-to-no-popover,
   & .mentions {

src/components/status/status.vue

@@ -190,6 +190,26 @@
                     :with-direction="true"
                     :auto-update="60"
                   />
+                  <i18n-t
+                    v-if="isEdited && editingAvailable && !isPreview"
+                    keypath="status.edited_at"
+                    tag="span"
+                    class="edited-row"
+                  >
+                    <template #time>
+                      <i18n-t
+                        keypath="time.in_past"
+                        tag="span"
+                      >
+                        <template>
+                          <Timeago
+                            :time="status.edited_at"
+                            :auto-update="60"
+                          />
+                        </template>
+                      </i18n-t>
+                    </template>
+                  </i18n-t>
                 </router-link>
                 <span
                   v-if="status.visibility"
@@ -329,24 +349,6 @@
                 class="mentions-line"
               />
             </div>
-            <div
-              v-if="isEdited && editingAvailable && !isPreview"
-              class="heading-edited-row faint-link"
-            >
-              <i18n-t
-                keypath="status.edited_at"
-                tag="span"
-              >
-                <template #time>
-                  <Timeago
-                    :time="status.edited_at"
-                    :auto-update="60"
-                    :long-format="true"
-                    :with-direction="true"
-                  />
-                </template>
-              </i18n-t>
-            </div>
           </div>
 
           <StatusContent

src/i18n/en.json

@@ -823,7 +823,7 @@
         "reply_to": "Reply to",
         "delete_confirm_title": "Confirm deletion",
         "edit": "Edit",
-        "edited_at": "Edited {time}",
+        "edited_at": " (Edited {time})",
         "edit_history": "Edit History",
         "edit_history_modal_title": "Edited {historyCount} time | Edited {historyCount} times",
         "delete_confirm_accept_button": "Yes, delete it",