Increase visibility of Install buton focus. #50883 (#51268)

* Increase visibility of Install buton focus. #50883

* Make focus outline even more visible.

* Get rid of somewhat sketchy negative margin.

* Restore zero margin on right of install button.

src/vs/workbench/parts/extensions/browser/media/extensionActions.css

@@ -5,6 +5,8 @@
 
 .monaco-action-bar .action-item .action-label.extension-action {
 	padding: 0 5px;
+	outline-offset: 2px;
+	outline-width: 2px;
 	line-height: initial;
 }
 
@@ -60,6 +62,8 @@
 	width: 10px;
 	border: none;
 	background: url('manage.svg') center center no-repeat;
+	outline-offset: 0px;
+	margin-top: 0.15em
 }
 
 .hc-black .extensions-viewlet>.extensions .extension>.details>.footer>.monaco-action-bar .action-item .action-label.extension-action.manage,

src/vs/workbench/parts/extensions/electron-browser/media/extensionEditor.css

@@ -124,6 +124,7 @@
 
 .extension-editor > .header > .details > .actions > .monaco-action-bar > .actions-container > .action-item > .action-label {
 	font-weight: 600;
+	margin: 4px;
 	padding: 1px 6px;
 }
 
@@ -133,7 +134,7 @@
 
 .extension-editor > .header.recommended > .details > .recommendation {
 	display: block;
-	margin-top: 10px;
+	margin-top: 2px;
 	font-size: 13px;
 }
 

src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css

@@ -165,7 +165,7 @@
 .extensions-viewlet > .extensions .extension > .details > .footer {
 	display: flex;
 	justify-content: flex-end;
-	height: 18px;
+	height: 24px;
 	overflow: hidden;
 }
 
@@ -183,8 +183,9 @@
 
 .extensions-viewlet > .extensions .extension > .details > .footer > .monaco-action-bar .action-label {
 	margin-right: 0;
+	margin-top: 0.3em;
 	margin-left: 0.3em;
-	line-height: 15px;
+	line-height: 14px;
 }
 
 .extensions-viewlet > .extensions .extension > .details > .footer > .monaco-action-bar .action-label:not(:empty) {