From ad585e18811ae007d0c601173ee3bb2e96e8191f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=B5=E3=81=81?= <yuki@yuki0311.com>
Date: Wed, 31 May 2023 10:28:46 +0900
Subject: [PATCH] update ui
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: ふぁ <yuki@yuki0311.com>
---
 styles.css | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/styles.css b/styles.css
index cf0c7c5..e5521e2 100644
--- a/styles.css
+++ b/styles.css
@@ -43,7 +43,7 @@ ul.autocomplete {
     scrollbar-width: thin;
     overflow-y: auto;
     overflow-x: hidden;
-    min-width: 150px;
+    min-width: 20em;
     max-height: 135px;
 }
 
@@ -59,7 +59,6 @@ ul.autocomplete>li {
     list-style: none;
     padding: 2px 8px;
     margin: 0px;
-    white-space: nowrap;
     position: relative;
     display: flex;
 }
@@ -74,8 +73,20 @@ ul.autocomplete>li:hover:after {
     border: 2px solid grey;
 }
 
+ul.autocomplete li span {
+    display: inline-block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+ul.autocomplete li span:nth-child(1) {
+    max-width: 8em;
+}
+
 ul.autocomplete li span:nth-child(2) {
-    margin-right: 1em;
+    margin-right: 0.5em;
+    max-width: 15em;
 }
 
 ul.autocomplete li span:nth-child(3) {