From 4b3b5ba974c982690d6b1712b6673ec331c030c5 Mon Sep 17 00:00:00 2001
From: Fredrik Lengstrand <10126466+fredriklengstrand@users.noreply.github.com>
Date: Wed, 5 Sep 2018 08:44:47 +0200
Subject: [PATCH] fix: Increase badge size slightly so that "PATCH" method fits
 inside (#632)

---
 src/components/SideMenu/MenuItem.tsx       | 2 +-
 src/components/SideMenu/styled.elements.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SideMenu/MenuItem.tsx b/src/components/SideMenu/MenuItem.tsx
index 69282b0b..dcf26c51 100644
--- a/src/components/SideMenu/MenuItem.tsx
+++ b/src/components/SideMenu/MenuItem.tsx
@@ -95,7 +95,7 @@ class OperationMenuItemContent extends React.Component<OperationMenuItemContentP
         deprecated={item.deprecated}
       >
         <OperationBadge type={item.httpVerb}>{shortenHTTPVerb(item.httpVerb)}</OperationBadge>
-        <MenuItemTitle width="calc(100% - 32px)">
+        <MenuItemTitle width="calc(100% - 38px)">
           {item.name}
           {this.props.children}
         </MenuItemTitle>
diff --git a/src/components/SideMenu/styled.elements.ts b/src/components/SideMenu/styled.elements.ts
index 45ead878..55e73ed5 100644
--- a/src/components/SideMenu/styled.elements.ts
+++ b/src/components/SideMenu/styled.elements.ts
@@ -6,7 +6,7 @@ import styled, { css, withProps } from '../../styled-components';
 export const OperationBadge = withProps<{ type: string }>(styled.span).attrs({
   className: props => `operation-type ${props.type}`,
 })`
-  width: 26px;
+  width: 32px;
   display: inline-block;
   height: ${props => props.theme.typography.code.fontSize};
   line-height: ${props => props.theme.typography.code.fontSize};