From 12f82372e5323cc376f3ce3c59ae2ca94d854fbe Mon Sep 17 00:00:00 2001
From: heyhoe <38322494+h3y6e@users.noreply.github.com>
Date: Fri, 24 Mar 2023 18:41:44 +0900
Subject: [PATCH] shorten long relay name. (#455)

---
 packages/app/src/Pages/Root.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/Pages/Root.tsx b/packages/app/src/Pages/Root.tsx
index e2ed958..17c3a2f 100644
--- a/packages/app/src/Pages/Root.tsx
+++ b/packages/app/src/Pages/Root.tsx
@@ -76,13 +76,16 @@ export default function RootPage() {
     const paidRelays = allRelays.filter(a => a.paid);
     const publicRelays = allRelays.filter(a => !a.paid);
     return (
-      <div className="flex mb10 f-end">
+      <div className="flex mb10 f-end nowrap">
         <FormattedMessage
           defaultMessage="Read global from"
           description="Label for reading global feed from specific relays"
         />
         &nbsp;
-        <select onChange={e => setRelay(allRelays.find(a => a.url === e.target.value))} value={relay?.url}>
+        <select
+          className="f-ellipsis"
+          onChange={e => setRelay(allRelays.find(a => a.url === e.target.value))}
+          value={relay?.url}>
           {paidRelays.length > 0 && (
             <optgroup label="Paid Relays">
               {paidRelays.map(a => (