From b7aa0235809dd87803740d93416791c80e21122d Mon Sep 17 00:00:00 2001
From: josc146 <josStorer@outlook.com>
Date: Sat, 13 May 2023 12:12:32 +0800
Subject: [PATCH] style: change select width (#331)

---
 src/components/ConversationCard/index.jsx | 32 +++++++++++------------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/components/ConversationCard/index.jsx b/src/components/ConversationCard/index.jsx
index 12622ee..15e7cc7 100644
--- a/src/components/ConversationCard/index.jsx
+++ b/src/components/ConversationCard/index.jsx
@@ -211,7 +211,7 @@ function ConversationCard(props) {
         className={props.draggable ? 'gpt-header draggable' : 'gpt-header'}
         style="padding:15px;user-select:none;"
       >
-        <span className="gpt-util-group">
+        <span className="gpt-util-group" style={props.notClampSize ? {} : { flexGrow: 1 }}>
           {props.closeable ? (
             <XLg
               className="gpt-util-icon"
@@ -235,7 +235,7 @@ function ConversationCard(props) {
             <img src={logo} style="user-select:none;width:20px;height:20px;" />
           )}
           <select
-            style={props.notClampSize ? {} : { width: windowSize[0] * 0.15 + 'px' }}
+            style={props.notClampSize ? {} : { width: 0, flexGrow: 1 }}
             className="normal-button"
             required
             onChange={(e) => {
@@ -268,7 +268,19 @@ function ConversationCard(props) {
             })}
           </select>
         </span>
-        {!props.draggable && (
+        <span className="gpt-util-group" style={{ flexGrow: 1, justifyContent: 'flex-end' }}>
+          {session && session.conversationId && (
+            <a
+              title={t('Continue on official website')}
+              href={'https://chat.openai.com/chat/' + session.conversationId}
+              target="_blank"
+              rel="nofollow noopener noreferrer"
+              className="gpt-util-icon"
+              style="color: inherit;"
+            >
+              <LinkExternalIcon size={16} />
+            </a>
+          )}
           <WindowDesktop
             className="gpt-util-icon"
             title={t('Float the Window')}
@@ -289,20 +301,6 @@ function ConversationCard(props) {
               )
             }}
           />
-        )}
-        <span className="gpt-util-group">
-          {session && session.conversationId && (
-            <a
-              title={t('Continue on official website')}
-              href={'https://chat.openai.com/chat/' + session.conversationId}
-              target="_blank"
-              rel="nofollow noopener noreferrer"
-              className="gpt-util-icon"
-              style="color: inherit;"
-            >
-              <LinkExternalIcon size={16} />
-            </a>
-          )}
           <DeleteButton
             size={16}
             text={t('Clear Conversation')}