From 85ed6d2b23ea558b38e875585c25ac240abfc2af Mon Sep 17 00:00:00 2001
From: Mykola Symon <simonnikolaj20@gmail.com>
Date: Mon, 31 Oct 2022 19:45:07 +0300
Subject: [PATCH] add client name clipping(with ellipsis) on small screens(<sm)

---
 src/www/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/www/index.html b/src/www/index.html
index d84abe95..e3600b59 100644
--- a/src/www/index.html
+++ b/src/www/index.html
@@ -148,8 +148,8 @@
                       v-on:keyup.escape="clientEditName = null; clientEditNameId = null;"
                       :ref="'client-' + client.id + '-name'"
                       class="rounded px-1 border-2 border-gray-100 focus:border-gray-200 outline-none w-30" />
-                    <span v-show="clientEditNameId !== client.id"
-                      class="inline-block border-t-2 border-b-2 border-transparent">{{client.name}}</span>
+                    <span v-show="clientEditNameId !== client.id" style="max-width: 28ch;"
+                      class="inline-block border-t-2 border-b-2 border-transparent align-top sm:w-auto overflow-hidden sm:overflow-visible overflow-ellipsis">{{client.name}}</span>
 
                     <!-- Edit -->
                     <span v-show="clientEditNameId !== client.id"