Test add "more" icon near timestamp

src/components/icon.jsx

@@ -41,6 +41,7 @@ export const ICONS = {
   upload: () => import('@iconify-icons/mingcute/upload-3-line'),
   gear: () => import('@iconify-icons/mingcute/settings-3-line'),
   more: () => import('@iconify-icons/mingcute/more-3-line'),
+  more2: () => import('@iconify-icons/mingcute/more-1-fill'),
   external: () => import('@iconify-icons/mingcute/external-link-line'),
   popout: () => import('@iconify-icons/mingcute/external-link-line'),
   popin: [() => import('@iconify-icons/mingcute/external-link-line'), '180deg'],

src/components/status.css

@@ -364,9 +364,8 @@
   vertical-align: middle;
 }
 .status > .container > .meta :is(.time, .edited) {
-  color: inherit;
+  color: var(--text-insignificant-color);
   text-align: end;
-  opacity: 0.5;
   text-decoration: none;
   flex-shrink: 0;
   margin-left: 4px;
@@ -375,9 +374,21 @@
 .status > .container > .meta a.time {
   position: relative;
   overflow: visible;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  font-size: 90%;
+
+  .more {
+    margin-left: 4px;
+    transition: transform 0.2s ease-out;
+  }
 }
 .status > .container > .meta a.time:is(:hover, :focus) {
-  text-decoration: underline;
+  .more {
+    transform: scale(1.2);
+    color: var(--link-color);
+  }
 }
 .status > .container > .meta a.time:active,
 .status > .container > .meta a.time.is-open {

src/components/status.jsx

@@ -1412,6 +1412,7 @@ function Status({
                   />
                 )}{' '}
                 <RelativeTime datetime={createdAtDate} format="micro" />
+                {showContextMenu && <Icon icon="more2" class="more" />}
               </Link>
             ) : (
               // <Menu