style: tweak chat outline text clamp

src/styles.css

@@ -580,10 +580,10 @@ body {
 }
 
 .chat-outline-item {
-  border: 1px solid var(--color-border);
+  border: 0;
   background: var(--color-surface);
   border-radius: 10px;
-  padding: 8px 10px;
+  padding: 4px 10px;
   text-align: left;
   cursor: pointer;
   display: flex;
@@ -592,14 +592,8 @@ body {
   color: var(--color-text);
 }
 
-.chat-outline-item:hover {
-  border-color: var(--color-border-strong);
-  box-shadow: var(--shadow-xs);
-}
-
 .chat-outline-item.active {
-  border-color: var(--color-brand);
-  box-shadow: var(--shadow-focus);
+  background-color: #eee;
 }
 
 .chat-outline-index {
@@ -615,7 +609,7 @@ body {
   color: var(--color-text);
   overflow: hidden;
   display: -webkit-box;
-  -webkit-line-clamp: 3;
+  -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 }