fix: Increase badge size slightly so that "PATCH" method fits inside (#…

…632)
Redocly · Sep 5, 2018 · 4b3b5ba · 4b3b5ba
1 parent 822d038
commit 4b3b5ba
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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};