Update utils/style.css

utils/style.css

@@ -1,18 +1,18 @@
 /* style.css */
 
-/* Container for the textbox and button */
+/* Container for textbox + button (unchanged) */
 #input-container {
   display: flex;
   align-items: center;
   width: 100%;
-  max-width: 600px;         /* Adjust as needed */
-  margin: 0 auto;           /* Center container horizontally */
-  border: 1px solid #ccc;   /* Box border */
+  max-width: 600px;
+  margin: 0 auto;
+  border: 1px solid #ccc;
   border-radius: 4px;
   padding: 4px;
 }
 
-/* Textbox styling */
+/* Textbox styling (unchanged) */
 #chat-input {
   flex: 1;
   border: none !important;
@@ -20,17 +20,17 @@
   padding: 8px;
 }
 
-/* Even smaller orange arrow button */
+/* Make the orange arrow button much narrower */
 #ask-button {
   background-color: #FF6F00 !important; /* Orange color */
   color: white !important;
   border: none !important;
   border-radius: 4px;
   cursor: pointer;
-  
-  /* Smaller dimensions for the arrow button */
-  font-size: 10px;      /* Reduced font size */
-  min-width: 25px;      /* Reduced minimum width */
-  padding: 2px 4px;     /* Less padding for a compact look */
-  margin-left: 4px;     /* Small space between textbox and button */
+
+  /* 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 */
 }