From c0be1562294236fe72be4ad2bdfceb82beba96b4 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Sat, 9 Nov 2024 15:40:34 +0400
Subject: [PATCH] Update Button: Fix padding in Telegram Update button (#5164)

---
 src/components/left/main/LeftMain.tsx | 2 +-
 src/components/ui/Button.scss         | 6 +++++-
 src/components/ui/Button.tsx          | 3 +++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/left/main/LeftMain.tsx b/src/components/left/main/LeftMain.tsx
index b0ed90797..e8af2c3f9 100644
--- a/src/components/left/main/LeftMain.tsx
+++ b/src/components/left/main/LeftMain.tsx
@@ -222,7 +222,7 @@ const LeftMain: FC<OwnProps> = ({
       {shouldRenderUpdateButton && (
         <Button
           fluid
-          pill
+          badge
           className={buildClassName('btn-update', updateButtonClassNames)}
           onClick={handleUpdateClick}
         >
diff --git a/src/components/ui/Button.scss b/src/components/ui/Button.scss
index cb3df1999..33afa8b84 100644
--- a/src/components/ui/Button.scss
+++ b/src/components/ui/Button.scss
@@ -384,9 +384,13 @@
     &.pill {
       padding: 0.5rem 0.75rem;
     }
+
+    &.badge {
+      padding: 0.5rem 1.75rem;
+    }
   }
 
-  &.pill {
+  &.pill, &.badge {
     border-radius: 1.75rem;
     padding-left: 1.75rem;
     padding-right: 1.75rem;
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index fc03c2b49..f10027fbf 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -29,6 +29,7 @@ export type OwnProps = {
   className?: string;
   round?: boolean;
   pill?: boolean;
+  badge?: boolean;
   fluid?: boolean;
   isText?: boolean;
   isLoading?: boolean;
@@ -84,6 +85,7 @@ const Button: FC<OwnProps> = ({
   className,
   round,
   pill,
+  badge,
   fluid,
   isText,
   isLoading,
@@ -130,6 +132,7 @@ const Button: FC<OwnProps> = ({
     round && 'round',
     pill && 'pill',
     fluid && 'fluid',
+    badge && 'badge',
     isNotInteractive && 'disabled',
     nonInteractive && 'non-interactive',
     allowDisabledClick && 'click-allowed',