sort out a bunch of text overflow issues

1 files changed, 9 insertions, 0 deletions

diff --git a/static/profile.css b/static/profile.css
index 6f7cec0..7783206 100644
--- a/static/profile.css
+++ b/static/profile.css
@@ -10,6 +10,11 @@
     grid-template-columns: max-content 1fr max-content;
     gap: var(--spacing-double);
 
+    > * {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
     img.avatar {
       width: var(--avatar-big-size);
       aspect-ratio: 1;
@@ -18,10 +23,14 @@
     .displayName {
       font-size: var(--font-big-size);
       font-weight: bold;
+      text-overflow: ellipsis;
+      overflow: hidden;
     }
     .handle,
     .joinedDate {
       font-size: var(--font-small-size);
+      text-overflow: ellipsis;
+      overflow: hidden;
     }
   }