Update utils/style.css

utils/style.css

@@ -1,6 +1,6 @@
 /* style.css */
 
-/* Container for textbox + button (unchanged) */
+/* Container for textbox + button */
 #input-container {
   display: flex;
   align-items: center;
@@ -12,7 +12,7 @@
   padding: 4px;
 }
 
-/* Textbox styling (unchanged) */
+/* Textbox styling */
 #chat-input {
   flex: 1;
   border: none !important;
@@ -20,17 +20,19 @@
   padding: 8px;
 }
 
-/* Make the orange arrow button much narrower */
+/* Updated, significantly narrower orange arrow button */
 #ask-button {
   background-color: #FF6F00 !important; /* Orange color */
   color: white !important;
   border: none !important;
   border-radius: 4px;
   cursor: pointer;
-
-  /* Tweak these to reduce the button width */
-  font-size: 10px;      /* Decrease font size */
-  min-width: 15px;      /* Shrink minimum width */
-  padding: 2px 4px;     /* Tighten padding for a small footprint */
-  margin-left: 4px;     /* Gap between textbox and button; reduce if needed */
+  
+  font-size: 10px;          /* Smaller font size for the arrow */
+  width: 15px;              /* Fixed width: adjust this value to change horizontal size */
+  height: 20px;             /* Fixed height to ensure a neat appearance */
+  padding: 0;               /* Remove extra horizontal padding */
+  margin-left: 4px;         /* Small gap between textbox and button */
+  text-align: center;       /* Center the arrow horizontally */
+  line-height: 20px;        /* Vertically center the arrow within the button */
 }