Allow for vscode-button elements to shrink

Author: a-stewart

src/vscode-button-group/vscode-button-group.styles.ts

@@ -7,6 +7,7 @@ const styles: CSSResultGroup = [
   css`
     :host {
       display: inline-block;
+      min-width: 0;
     }
 
     .root {
@@ -18,7 +19,6 @@ const styles: CSSResultGroup = [
     ::slotted(vscode-button:not(:first-child)) {
       --vsc-border-left-width: 0;
       --vsc-border-left-radius: 0;
-      --vsc-border-left-width: 0;
     }
 
     ::slotted(vscode-button:not(:last-child)) {
@@ -27,15 +27,14 @@ const styles: CSSResultGroup = [
       --vsc-base-after-content: '';
       --vsc-border-right-width: 0;
       --vsc-border-right-radius: 0;
-      --vsc-border-right-width: 0;
     }
 
     ::slotted(vscode-button:focus) {
       z-index: 1;
     }
 
     ::slotted(vscode-button:not(:empty)) {
-      width: 100%;
+      width: calc(100% - 1px);
     }
   `,
 ];

src/vscode-button/vscode-button.styles.ts

@@ -11,6 +11,7 @@ const styles: CSSResultGroup = [
       cursor: pointer;
       display: inline-block;
       width: auto;
+      min-width: 0;
     }
 
     .base {
@@ -147,8 +148,7 @@ const styles: CSSResultGroup = [
     :host(:empty) .base,
     .base.icon-only {
       min-height: 24px;
-      min-width: 26px;
-      padding: 1px 4px;
+      padding: 1px 7px;
     }
 
     slot {