about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles
diff options
context:
space:
mode:
authorprplecake <me@prplecake.com>2022-12-22 08:18:02 -0600
committerGitHub <noreply@github.com>2022-12-22 15:18:02 +0100
commit6cde3dd08b737f154ff83af3fe903294f7bcca5b (patch)
tree9be5e77b2689753dfd4d19388575c499e6dcf549 /app/javascript/flavours/glitch/styles
parentdb420fb7795feee23bd940e47aa2cf8c04e4de5b (diff)
Wraps status timestamps in a `div` (#2038)
* Wraps status timestamps in a `div`

Fixes #1985

This wraps the status timestamp in a `div` to reduce the clickable
target size of the link. The `div` gets a `margin: 0 0 0 auto` to stick
it to the right margin of the status.

* Update app/javascript/flavours/glitch/styles/components/status.scss

Co-authored-by: Claire <claire.github-309c@sitedethib.com>

Co-authored-by: Claire <claire.github-309c@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
-rw-r--r--app/javascript/flavours/glitch/styles/components/status.scss5
1 files changed, 5 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index 39184ba7a..0f23c7d4d 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -590,6 +590,11 @@
   width: 23.15px;
 }
 
+.status__action-bar-timestamp {
+  flex-grow: 1;
+  text-align: end;
+}
+
 .detailed-status__action-bar-dropdown {
   flex: 1 1 auto;
   display: flex;