rename suggestions: fix: button changes bg-color on hover to be consistent with sparkle button in scm & cursor type changes to a pointer

fixes microsoft/vscode-copilot#5304

Author: ulugbekna

src/vs/editor/contrib/rename/browser/renameWidget.css

@@ -28,6 +28,20 @@
 	outline: none;
 }
 
+.monaco-editor .rename-box .rename-suggestions-button {
+	display: flex;
+	align-items: center;
+	padding: 3px;
+	background-color: transparent;
+	border: none;
+	border-radius: 5px;
+	cursor: pointer;
+}
+
+.monaco-editor .rename-box .rename-suggestions-button:hover {
+	background-color: var(--vscode-toolbar-hoverBackground)
+}
+
 .monaco-editor .rename-box .rename-label {
 	display: none;
 	opacity: .8;

src/vs/editor/contrib/rename/browser/renameWidget.ts

@@ -906,12 +906,7 @@ class InputWithButton implements IDisposable {
 			this._domNode.appendChild(this._inputNode);
 
 			this._buttonNode = document.createElement('div');
-			this._buttonNode.style.display = 'flex';
-			this._buttonNode.style.alignItems = 'center';
-			this._buttonNode.style.padding = '3px';
-			this._buttonNode.style.backgroundColor = 'transparent';
-			this._buttonNode.style.border = 'none';
-			this._buttonNode.style.borderRadius = '5px';
+			this._buttonNode.className = 'rename-suggestions-button';
 			this._buttonNode.setAttribute('tabindex', '0');
 
 			this._buttonGenHoverText = nls.localize('generateRenameSuggestionsButton', "Generate new name suggestions");