Mastodon improvements

assets/css/screen.css

@@ -1954,7 +1954,11 @@ Search                         LOGO                    Login Subscribe
 .gh-about .gh-button {
     margin-top: 32px;
 }
-
+.tootlink-tip {
+    font-size: 0.9em;
+    padding: 1em;
+    padding-top: 0.3em;
+}
 .mastodon-comment {
     background-color: var(--background-color);
     border-radius: var(--card-border-radius);
@@ -1980,7 +1984,7 @@ Search                         LOGO                    Login Subscribe
             white-space: nowrap;
             .mastodon-author-uid {
                 font-size: 80%;
-                color: var(--ghost-accent-color);
+                color: var(--color-secondary-text);
             }
         }
         .toot-link {
@@ -1990,12 +1994,38 @@ Search                         LOGO                    Login Subscribe
     }
     .mastodon-comment-content {
         padding-top: 10px;
-        .tootlink {
-            font-size: 50%;
-        }
     }
     .disabled {
-        color: var(--ghost-accent-color)
+        color: var(--color-secondary-text)
+    }
+}
+span.tootlink {
+    font-size: 0.7em;
+    font-family: monospace;
+    padding: 0.2em 0.4em;
+    cursor: pointer;
+    border: 1px solid var(--background-secondary)
+}
+a.date {
+    font-size: 0.9em;
+    color: var(--color-secondary-text)
+}
+span.tootlink::after {
+    content: "\f0c5";
+    font-family: "Font Awesome 6 Free";
+    font-weight: 900;
+    padding-left: 4px;
+}
+.tootClick {
+    animation: tootClickFrames .6s linear;
+}
+
+@keyframes tootClickFrames {
+    0% {
+        background-color: var(--background-secondary);
+    }
+    100% {
+        background-color: var(--background-color);
     }
 }
 .mastodon-emoji {
@@ -2006,6 +2036,10 @@ Search                         LOGO                    Login Subscribe
 .mastodon-comment-content p:first-child {
     margin-top: 0;
 }
+#toot-link-top {
+    color: var(--ghost-accent-color);
+    text-decoration: underline;
+}
 
 
 /* 14. Post/page