style: improve display

Author: josStorer

src/components/ConversationItem/index.jsx

@@ -34,8 +34,10 @@ export function ConversationItem({ type, content, session, done, port }) {
       return (
         <div className={type} dir="auto">
           <div className="gpt-header">
-            <p>{session && session.aiName ? `${session.aiName}:` : 'Loading...'}</p>
-            <div style="display: flex; gap: 15px;">
+            <p style="white-space: nowrap;">
+              {session && session.aiName ? `${session.aiName}:` : 'Loading...'}
+            </p>
+            <div style="display: flex; gap: 15px; align-items: center; white-space: nowrap;">
               {!done && (
                 <button
                   type="button"

src/content-script/styles.scss

@@ -171,10 +171,13 @@
     }
 
     .gpt-util-icon {
+      display: flex;
       cursor: pointer;
+      align-items: center;
     }
 
     .normal-button {
+      padding: 1px 6px;
       border: 1px solid;
       border-color: var(--theme-border-color);
       background-color: var(--theme-color);