Fix: Fix icon spacing and snapshot formatting (#1290)

Fix spacing issue caused by upstream Shiny change.
Co-authored-by: elnelson575 <elnelson575@users.noreply.github.com>

Author: elnelson575

NEWS.md

@@ -2,6 +2,8 @@
 
 ## Improvements and bug fixes
 
+* Fixed `toolbar_input_button()` alignment and spacing issues. (#1290)
+
 * The brand.yml example app (`shiny::runExample("brand.yml", package = "bslib")`) now uses `brand_pluck()` and `brand_has()` from `{brand.yml}`. (#1288)
 
 # bslib 0.10.0

R/sysdata.rda

@@ -32,6 +32,13 @@
     justify-content: center;
     line-height: 1; // Override Bootstrap's line-height to avoid too much vertical space
     height: var(--_toolbar-btn-size); // Keep square icon and label + icon button heights consistent
+    display: flex; // Prevent Shiny from overwriting flex centering
+
+    // Remove margins from action button elements
+    .action-icon,
+    .action-label {
+      margin: 0;
+    }
 
     &.btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark) {
       background-color: transparent !important;
@@ -67,6 +74,13 @@
     }
   }
 
+  // Add spacing between icon and label in buttons with both
+  .bslib-toolbar-input-button[data-type="both"] {
+    .action-icon {
+      margin-right: 0.35rem;
+    }
+  }
+
   // Square icon-only buttons
   .bslib-toolbar-input-button[data-type="icon"] {
     aspect-ratio: 1;