Fixes responsive alignment in focus view

Author: d13

package.json

@@ -14708,7 +14708,7 @@
 	},
 	"dependencies": {
 		"@gitkraken/gitkraken-components": "10.1.9",
-		"@gitkraken/shared-web-components": "^0.1.1-rc.4",
+		"@gitkraken/shared-web-components": "^0.1.1-rc.5",
 		"@microsoft/fast-element": "1.12.0",
 		"@microsoft/fast-react-wrapper": "0.3.18",
 		"@octokit/core": "4.2.4",

src/webviews/apps/plus/focus/components/gk-pull-request-row.ts

@@ -106,6 +106,10 @@ export class GkPullRequestRow extends LitElement {
 				margin-left: 0.4rem;
 				margin-right: 0.2rem;
 			}
+
+			.key {
+				z-index: 1000;
+			}
 		`,
 	];
 
@@ -183,7 +187,7 @@ export class GkPullRequestRow extends LitElement {
 
 		return html`
 			<gk-focus-row>
-				<span slot="key">
+				<span slot="key" class="key">
 					${when(
 						this.indicator === 'changes',
 						() =>

yarn.lock

@@ -235,10 +235,10 @@
     react-dom "16.8.4"
     react-dragula "1.1.17"
 
-"@gitkraken/shared-web-components@^0.1.1-rc.4":
-  version "0.1.1-rc.4"
-  resolved "https://registry.npmjs.org/@gitkraken/shared-web-components/-/shared-web-components-0.1.1-rc.4.tgz#eaccecad7b7079ef276e3b9e8e61b2ce5d53d3d4"
-  integrity sha512-BsJa5UDPiRyydC/yv8blXBIMMRVH3rFZJj4CgrdiVn+T5IeiodIlPSnvJ5rYYQvywLD/TsCwA9+hkdfk5sdvCA==
+"@gitkraken/shared-web-components@^0.1.1-rc.5":
+  version "0.1.1-rc.5"
+  resolved "https://registry.npmjs.org/@gitkraken/shared-web-components/-/shared-web-components-0.1.1-rc.5.tgz#62cb01f4dae95b569698319393b69f06ebf0847c"
+  integrity sha512-kONBFw+qciEffubYqzHQsPxx2NSL1Gw+KolMM28CuKVEKAJJJ2KAN9jDBaVhf/F6jelsCKCM3OFIgOVtjIrhhw==
   dependencies:
     "@floating-ui/dom" "^1.4.2"
     typescript "^4.9.5"