From ff12f2c7b429157a06b41c1d1d783843afca69aa Mon Sep 17 00:00:00 2001
From: august kline <me@augustkline.com>
Date: Mon, 6 Jan 2025 14:58:04 -0500
Subject: [PATCH] Fix overlapping admin entry text

---
 server/src/client/assets/css/admin.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/server/src/client/assets/css/admin.css b/server/src/client/assets/css/admin.css
index b34c53b..f52d14b 100644
--- a/server/src/client/assets/css/admin.css
+++ b/server/src/client/assets/css/admin.css
@@ -6,6 +6,7 @@ main {
     gap: var(--default-padding);
     margin-block-end: 40svb;
     padding: 0;
+    min-block-size: unset;
 }
 
 @media screen and (min-width: 60rem) {
@@ -21,6 +22,10 @@ main {
         flex-wrap: nowrap !important;
     }
 
+    .admin-widget:not(.admin-widget-user) {
+        max-inline-size: 50%;
+    }
+
     .admin-widget-user {
         flex-direction: row !important;
         justify-content: space-between;
@@ -198,6 +203,7 @@ main {
     min-block-size: 0;
     border: var(--border);
     display: flex;
+    max-inline-size: 100%;
 
     &>*:not(form, a) {
         padding-inline: var(--default-padding);
@@ -212,6 +218,7 @@ main {
 
     li {
         flex: 1;
+        overflow: hidden;
         display: flex;
         justify-content: space-between;
         align-items: center;
@@ -243,6 +250,13 @@ main {
 
         transition: all 0.3s ease;
 
+        & :is(p, h2) {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            inline-size: 100%;
+        }
+
         &:hover,
         &:focus {
             transform: translateX(1ch);