Update Button: Fix padding in Telegram Update button (#5164)

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}
         >

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;

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',