Better edited_at styling

src/components/extra_buttons/extra_buttons.js

@@ -8,7 +8,7 @@ import {
   faThumbtack,
   faShareAlt,
   faQuoteLeft,
-  faExternalLinkAlt
+  faExternalLinkAlt,
   faHistory
 } from '@fortawesome/free-solid-svg-icons'
 import {

src/components/status/status.scss

@@ -162,15 +162,23 @@
 
   & .heading-reply-row,
   & .heading-edited-row {
-    position: relative;
     align-content: baseline;
     font-size: 0.85em;
-    margin-top: 0.2em;
     line-height: 130%;
     max-width: 100%;
     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

@@ -331,7 +331,7 @@
             </div>
             <div
               v-if="isEdited && editingAvailable && !isPreview"
-              class="heading-edited-row"
+              class="heading-edited-row faint-link"
             >
               <i18n-t
                 keypath="status.edited_at"

src/i18n/en.json

@@ -822,6 +822,10 @@
         "delete_confirm": "Do you really want to delete this status?",
         "reply_to": "Reply to",
         "delete_confirm_title": "Confirm deletion",
+        "edit": "Edit",
+        "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",
         "delete_confirm_cancel_button": "No, keep it",
         "repeat_confirm": "Do you really want to repeat this status?",