diff --git a/packages/grafnode-components/src/components/RequestTabs/StyledWrapper.js b/packages/grafnode-components/src/components/RequestTabs/StyledWrapper.js index ead41b93d..bc18f2074 100644 --- a/packages/grafnode-components/src/components/RequestTabs/StyledWrapper.js +++ b/packages/grafnode-components/src/components/RequestTabs/StyledWrapper.js @@ -25,8 +25,6 @@ const Wrapper = styled.div` .tab-container { border-left: 1px solid #dcdcdc; - padding-left: 12px; - padding-right: 12px; } &.active { @@ -55,10 +53,13 @@ const Wrapper = styled.div` .close-icon { color: #9f9f9f; width: 8px; + padding-bottom: 3px; + padding-top: 3px; } &:hover .close-icon{ color: rgb(142, 68, 173); + transform: scale(1.1); } } diff --git a/packages/grafnode-components/src/components/RequestTabs/index.js b/packages/grafnode-components/src/components/RequestTabs/index.js index 1b822bdaa..39590e035 100644 --- a/packages/grafnode-components/src/components/RequestTabs/index.js +++ b/packages/grafnode-components/src/components/RequestTabs/index.js @@ -55,12 +55,12 @@ const RequestTabs = ({actions, dispatch, activeRequestTabId, requestTabs}) => { {requestTabs && requestTabs.length ? requestTabs.map((rt, index) => { return
  • handleClick(rt)}>
    -
    +
    {rt.method} {rt.name}
    {rt.id === activeRequestTabId ? ( -
    handleCloseClick(e, rt)}> +
    handleCloseClick(e, rt)}> diff --git a/packages/grafnode-components/src/components/Sidebar/index.js b/packages/grafnode-components/src/components/Sidebar/index.js index 78b3b2d7c..75a429e80 100644 --- a/packages/grafnode-components/src/components/Sidebar/index.js +++ b/packages/grafnode-components/src/components/Sidebar/index.js @@ -45,20 +45,21 @@ const Sidebar = ({collections, actions, dispatch, activeRequestTabId}) => { Collections
    } placement='bottom-start'> -
    -
    { - menuDropdownTippyRef.current.hide(); - setModalOpen(true); - }}> - Create Collection -
    +
    { + menuDropdownTippyRef.current.hide(); + setModalOpen(true); + }}> + Create Collection
    -
    -
    { - menuDropdownTippyRef.current.hide(); - }}> - Settings -
    +
    { + menuDropdownTippyRef.current.hide(); + }}> + Import Collection +
    +
    { + menuDropdownTippyRef.current.hide(); + }}> + Settings
    diff --git a/packages/grafnode-run/src/pageComponents/Main/StyledWrapper.js b/packages/grafnode-run/src/pageComponents/Main/StyledWrapper.js index fbe3c1d45..119c45a92 100644 --- a/packages/grafnode-run/src/pageComponents/Main/StyledWrapper.js +++ b/packages/grafnode-run/src/pageComponents/Main/StyledWrapper.js @@ -8,6 +8,7 @@ const Wrapper = styled.div` aside { min-width: 230px; + width: 230px; border-right: solid 1px #e1e1e1; background-color: #F6F8FA; }