From 37aa8ccc894f37c3521d68cc041c9d01d58748c9 Mon Sep 17 00:00:00 2001
From: josc146 <josStorer@outlook.com>
Date: Sun, 26 Mar 2023 23:43:30 +0800
Subject: [PATCH] fix: styles are overwritten on some websites (#88)

---
 src/components/ConversationCard/index.jsx | 4 ++--
 src/components/FloatingToolbar/index.jsx  | 2 +-
 src/content-script/styles.scss            | 2 ++
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ConversationCard/index.jsx b/src/components/ConversationCard/index.jsx
index 4362e6a..e39026c 100644
--- a/src/components/ConversationCard/index.jsx
+++ b/src/components/ConversationCard/index.jsx
@@ -196,7 +196,7 @@ function ConversationCard(props) {
             }}
           />
         ) : (
-          <img src={logo} width="20" height="20" style="margin:5px 15px 0px;user-select:none;" />
+          <img src={logo} style="margin:5px 15px 0px;user-select:none;width:20px;height:20px;" />
         )}
         {props.draggable ? (
           <div className="dragbar" />
@@ -225,7 +225,7 @@ function ConversationCard(props) {
         <span
           title="Save Conversation"
           className="gpt-util-icon"
-          style="margin:15px 15px 10px;"
+          style="margin:15px;"
           onClick={() => {
             let output = ''
             session.conversationRecords.forEach((data) => {
diff --git a/src/components/FloatingToolbar/index.jsx b/src/components/FloatingToolbar/index.jsx
index bb5ccd8..d1e7157 100644
--- a/src/components/FloatingToolbar/index.jsx
+++ b/src/components/FloatingToolbar/index.jsx
@@ -143,7 +143,7 @@ function FloatingToolbar(props) {
     return (
       <div data-theme={config.themeMode}>
         <div className="chatgptbox-selection-toolbar">
-          <img src={logo} width="24" height="24" style="user-select:none;" />
+          <img src={logo} style="user-select:none;width:24px;height:24px;" />
           {tools}
         </div>
       </div>
diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index af3f2e8..b35291e 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -44,6 +44,7 @@
 
 .chatgptbox-container * {
   font-family: 'Cairo', sans-serif;
+  font-size: 14px;
 }
 
 .chatgptbox-container {
@@ -153,6 +154,7 @@
     align-items: center;
     margin-bottom: 5px;
     color: var(--font-color);
+    height: 50px;
 
     p {
       font-weight: bold;