From 0a01a71a52da5df5dcd9350ca897880e0e1f474c Mon Sep 17 00:00:00 2001
From: Yurov Dmitry <dmitry.yurov@corp.mail.ru>
Date: Wed, 16 Jan 2019 18:30:56 +0300
Subject: [PATCH] fixes & changes in styles

---
 src/components/Endpoint/styled.elements.ts | 7 +++----
 src/components/SideMenu/SideMenu.tsx       | 6 ------
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/components/Endpoint/styled.elements.ts b/src/components/Endpoint/styled.elements.ts
index 0e802d85..8014dcf4 100644
--- a/src/components/Endpoint/styled.elements.ts
+++ b/src/components/Endpoint/styled.elements.ts
@@ -9,8 +9,6 @@ export const OperationEndpointWrap = styled.div`
 export const ServerRelativeURL = styled.span`
   font-family: ${props => props.theme.typography.headings.fontFamily};
   margin-left: 10px;
-  flex: 1;
-  overflow-x: hidden;
   text-overflow: ellipsis;
 `;
 
@@ -26,6 +24,7 @@ export const EndpointInfo = styled.div<{ expanded?: boolean; inverted?: boolean
   border-bottom: ${props => (props.inverted ? '1px solid #ccc' : '0')};
   border-radius: 4px;
   transition: border-color 0.25s ease;
+  width: fit-content;
 
   ${props =>
     (props.expanded && !props.inverted && `border-color: ${props.theme.colors.border.dark};`) || ''}
@@ -50,12 +49,12 @@ export const HttpVerb = styled.span.attrs((props: { type: string }) => ({
 
 export const ServersOverlay = styled.div<{ expanded: boolean }>`
   position: absolute;
-  width: 100%;
+  width: fit-content;
   z-index: 100;
   background: #fafafa;
   color: #263238;
   box-sizing: border-box;
-  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33);
+  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.33);
   overflow: hidden;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
diff --git a/src/components/SideMenu/SideMenu.tsx b/src/components/SideMenu/SideMenu.tsx
index bf7c8415..1723b63d 100644
--- a/src/components/SideMenu/SideMenu.tsx
+++ b/src/components/SideMenu/SideMenu.tsx
@@ -5,7 +5,6 @@ import { IMenuItem, MenuStore } from '../../services/MenuStore';
 import { MenuItems } from './MenuItems';
 
 import { PerfectScrollbarWrap } from '../../common-elements/perfect-scrollbar';
-import { RedocAttribution } from './styled.elements';
 
 @observer
 export class SideMenu extends React.Component<{ menu: MenuStore; className?: string }> {
@@ -22,11 +21,6 @@ export class SideMenu extends React.Component<{ menu: MenuStore; className?: str
         }}
       >
         <MenuItems items={store.items} onActivate={this.activate} root={true} />
-        <RedocAttribution>
-          <a target="_blank" href="https://github.com/Rebilly/ReDoc">
-            Documentation Powered by ReDoc
-          </a>
-        </RedocAttribution>
       </PerfectScrollbarWrap>
     );
   }