refactor: improve buttons

Author: vemonet

README.md

@@ -8,7 +8,7 @@ This web app lets you find available MCP servers, and easily install them into c
 
 - 🌍 Access all MCP servers published to the official MCP registry
 - 🔎 Search by server name, and filter by last published date
-- 🏷️ Browse published versions of a server
+- 🏷️ Browse the published versions of a server
 - 📥 Install MCP servers into compatible clients in 1 click (VSCode and Cursor)
 - 🧩 Build a stack from selected MCP servers, and export to VSCode `mcp.json`, or Cursor config formats
 - 🦊 Runs entirely in the browser, and fetches data directly from [registry.modelcontextprotocol.io](https://registry.modelcontextprotocol.io/docs)
@@ -93,12 +93,4 @@ npm run build
 
 ## ✅ To do
 
-- [ ] Improve the page system: per search store the pointer to access each page (apart for 1)
-
-  Cursor is the last of the previous page
-
-  ```
-  cursor=ai.smithery%2Faicastle-school-openai-api-agent-project
-  ```
-
 - [ ] Improve filtering: filter by status and server type (stdio, http, sse). Would require new features on the registry API, or handling filters on the client.

src/App.tsx

@@ -398,7 +398,8 @@ export default function App() {
                                   : `Remote: ${item.data.url}`}
                               </div>
                             </div>
-                            <button
+                            <Button
+                              variant="link"
                               onClick={(e) => {
                                 e.stopPropagation();
                                 e.preventDefault();
@@ -407,7 +408,7 @@ export default function App() {
                               className="p-1 hover:bg-destructive/10 rounded transition-colors"
                             >
                               <Trash2 className="h-4 w-4 text-destructive" />
-                            </button>
+                            </Button>
                           </DropdownMenuItem>
                         ))}
                       </div>

src/components/about.tsx

@@ -7,7 +7,7 @@ export const AboutPopup = () => {
   return (
     <Popover>
       <PopoverTrigger asChild>
-        <Button variant="ghost" className="text-muted-foreground hover:text-foreground">
+        <Button variant="ghost" className="text-muted-foreground hover:text-foreground hover:cursor-default">
           <Info className="h-5 w-5" />
         </Button>
       </PopoverTrigger>

src/components/server-card.tsx

@@ -173,7 +173,7 @@ export const ServerCard = ({
                   <DropdownMenuTrigger asChild>
                     <button
                       type="button"
-                      className="flex items-center gap-1"
+                      className="flex items-center"
                       onClick={(e) => {
                         // Prevent card-level click handlers from firing
                         e.stopPropagation();