Merge pull request #317 from CambioML/fix/sandbox-buttons

fix: Button size and layout in sandbox
CambioML · Dec 29, 2024 · d0cd71a · d0cd71a
2 parents cdb8188 + 907c8b3
commit d0cd71a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/components/playground/MarkdownExtractContainer.tsx b/app/components/playground/MarkdownExtractContainer.tsx
@@ -375,7 +375,7 @@ const MarkdownExtractContainer = () => {
             <div className="flex flex-col h-full justify-start items-center text-lg text-center gap-4 pt-[calc(20vh-120px)] lg:pt-[calc(30vh-120px)]">
               <div className="flex flex-col items-center justify-center">
                 <span id="extract-file-name">{filename}</span>
-                <div className="w-[200px] mt-2">
+                <div className="w-fit mt-2">
                   <Button
                     label="Extract Plain Text"
                     onClick={() => handleExtract()}

diff --git a/app/components/playground/ModelToggleDropdown.tsx b/app/components/playground/ModelToggleDropdown.tsx
@@ -41,7 +41,7 @@ const ModelToggleDropdown = () => {
         <button
           type="button"
           onClick={toggleDropdown}
-          className="inline-flex justify-between w-full rounded-full border border-gray-300 bg-white px-4 py-2 text-md font-semibold text-gray-700 hover:bg-gray-50 focus:outline-none"
+          className="inline-flex justify-between items-center w-full rounded-full border border-gray-300 bg-white px-4 py-2 text-md font-semibold text-gray-700 hover:bg-gray-50 focus:outline-none"
           id="menu-button"
           aria-expanded={isOpen}
           aria-haspopup="true"