Changes buttons to avoid custom styling

Author: robertbrignull

extensions/ql-vscode/src/view/data-extensions-editor/LibraryRow.tsx

@@ -60,15 +60,6 @@ const UnsavedLabel = styled.span`
   border-radius: 0.2em;
 `;
 
-const TitleButton = styled(VSCodeButton)`
-  background-color: transparent;
-
-  &:hover {
-    pointer: cursor;
-    background-color: var(--vscode-button-secondaryBackground);
-  }
-`;
-
 const ButtonsContainer = styled.div`
   display: flex;
   gap: 0.4em;
@@ -144,14 +135,14 @@ export const LibraryRow = ({
           </ModeledPercentage>
           {hasUnsavedChanges ? <UnsavedLabel>UNSAVED</UnsavedLabel> : null}
         </NameContainer>
-        <TitleButton onClick={handleModelWithAI}>
+        <VSCodeButton appearance="icon" onClick={handleModelWithAI}>
           <Codicon name="lightbulb-autofix" label="Model with AI" />
           &nbsp;Model with AI
-        </TitleButton>
-        <TitleButton onClick={handleModelFromSource}>
+        </VSCodeButton>
+        <VSCodeButton appearance="icon" onClick={handleModelFromSource}>
           <Codicon name="code" label="Model from source" />
           &nbsp;Model from source
-        </TitleButton>
+        </VSCodeButton>
       </TitleContainer>
       {isExpanded && (
         <>