From 8a2b042be3e9465de3eaf4bbca5a8f75959d895d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 25 Jan 2024 18:05:56 +0100
Subject: [PATCH] better handling of long post dates

---
 TangerineUI-cherry.css | 10 +++++-----
 TangerineUI-purple.css | 10 +++++-----
 TangerineUI.css        | 10 +++++-----
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 2519531..45ce51e 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -1941,16 +1941,18 @@ body.app-body  {
 }
 .app-body .status__info {
     height: 22px;
-    margin-left: -56px;
+    width: calc(100% + 56px);
+    gap: 2px;
+    margin-inline-start: -56px;
     padding: 0;
     margin-bottom: 0;
     line-height: 10px;
     align-items: start;
 }
 .app-body .status__info .status__display-name {
-    overflow: visible;
+    overflow: hidden;
     align-items: start;
-    max-width: calc(100% - 5em);
+    height: 50px;
 }
 .app-body .status__info .status__display-name .display-name bdi,
 .app-body .status__info .status__display-name .display-name__account {
@@ -1962,8 +1964,6 @@ body.app-body  {
 }
 .app-body .status__relative-time {
     height: 22px;
-    position: absolute;
-    right: 22px;
     color: var(--color-content-fg);
     opacity: .6;
     display: flex;
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 6e2b14b..5fc109b 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1941,16 +1941,18 @@ body.app-body  {
 }
 .app-body .status__info {
     height: 22px;
-    margin-left: -56px;
+    width: calc(100% + 56px);
+    gap: 2px;
+    margin-inline-start: -56px;
     padding: 0;
     margin-bottom: 0;
     line-height: 10px;
     align-items: start;
 }
 .app-body .status__info .status__display-name {
-    overflow: visible;
+    overflow: hidden;
     align-items: start;
-    max-width: calc(100% - 5em);
+    height: 50px;
 }
 .app-body .status__info .status__display-name .display-name bdi,
 .app-body .status__info .status__display-name .display-name__account {
@@ -1962,8 +1964,6 @@ body.app-body  {
 }
 .app-body .status__relative-time {
     height: 22px;
-    position: absolute;
-    right: 22px;
     color: var(--color-content-fg);
     opacity: .6;
     display: flex;
diff --git a/TangerineUI.css b/TangerineUI.css
index 5992036..9cb2a1d 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1941,16 +1941,18 @@ body.app-body  {
 }
 .app-body .status__info {
     height: 22px;
-    margin-left: -56px;
+    width: calc(100% + 56px);
+    gap: 2px;
+    margin-inline-start: -56px;
     padding: 0;
     margin-bottom: 0;
     line-height: 10px;
     align-items: start;
 }
 .app-body .status__info .status__display-name {
-    overflow: visible;
+    overflow: hidden;
     align-items: start;
-    max-width: calc(100% - 5em);
+    height: 50px;
 }
 .app-body .status__info .status__display-name .display-name bdi,
 .app-body .status__info .status__display-name .display-name__account {
@@ -1962,8 +1964,6 @@ body.app-body  {
 }
 .app-body .status__relative-time {
     height: 22px;
-    position: absolute;
-    right: 22px;
     color: var(--color-content-fg);
     opacity: .6;
     display: flex;