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