fix: set display: block on plugin icon pseudo-element (#13096) (#13101)

Fix the icon pseudo-element being displayed as `inline` by default.
This meant that the `width` and `height` properties were being ignored
and the icons displayed with 0 width.

Also fix css syntax for `width` and `height` properties.

Signed-off-by: Beniamino Ventura <[email protected]>
Co-authored-by: Beniamino Ventura <[email protected]>

Author: bvenreply

packages/plugin-ext/src/main/browser/plugin-shared-style.ts

@@ -125,8 +125,9 @@ export class PluginSharedStyle {
             toDispose.push(this.insertRule('.' + iconClass + '::before', theme => `
                     content: "";
                     background-position: 2px;
-                    width: ${size}'px';
-                    height: ${size}'px';
+                    display: block;
+                    width: ${size}px;
+                    height: ${size}px;
                     background: center no-repeat url("${theme.type === 'light' ? lightIconUrl : darkIconUrl}");
                     background-size: ${size}px;
                 `));