diff --git a/src/components/Sidebar/FooterMenu.react.js b/src/components/Sidebar/FooterMenu.react.js
index af09f3abf0..721829c352 100644
--- a/src/components/Sidebar/FooterMenu.react.js
+++ b/src/components/Sidebar/FooterMenu.react.js
@@ -50,11 +50,7 @@ export default class FooterMenu extends React.Component {
position={this.state.position}
onExternalClick={() => this.setState({ show: false })}>
);
diff --git a/src/components/Sidebar/Sidebar.react.js b/src/components/Sidebar/Sidebar.react.js
index c3c2c6c806..1a1efac877 100644
--- a/src/components/Sidebar/Sidebar.react.js
+++ b/src/components/Sidebar/Sidebar.react.js
@@ -18,6 +18,7 @@ import SidebarSubItem from 'components/Sidebar/SidebarSubItem.react';
import styles from 'components/Sidebar/Sidebar.scss';
import { CurrentApp } from 'context/currentApp';
+
const Sidebar = ({
prefix,
action,
@@ -179,14 +180,7 @@ const Sidebar = ({
{sidebarContent}
);
diff --git a/src/components/Sidebar/Sidebar.scss b/src/components/Sidebar/Sidebar.scss
index 65e9bfe414..c4635f0528 100644
--- a/src/components/Sidebar/Sidebar.scss
+++ b/src/components/Sidebar/Sidebar.scss
@@ -352,10 +352,10 @@ a.subitem {
.popup {
position: absolute;
- bottom: 4px;
- left: -183px;
+ bottom: 12px;
+ left: -64px;
background: white;
- width: 200px;
+ width: 100px;
border-radius: 5px;
&:after {
@@ -363,7 +363,7 @@ a.subitem {
content: '';
position: absolute;
bottom: -6px;
- right: 11px;
+ right: 42px;
}
a {
@@ -372,21 +372,23 @@ a.subitem {
height: 30px;
line-height: 31px;
font-size: 13px;
- text-align: right;
+ text-align: center;
border-bottom: 1px solid #e0e0ea;
color: $mainTextColor;
- padding-right: 8px;
&:hover{
background-color: darken(white,4%)
}
+
&:first-child {
- border-radius: 5px 5px 0 0;
+ border-radius: 5px;
+ // border-radius: 5px 5px 0 0;
}
&:last-child {
- border-bottom: 0;
- border-radius: 0 0 5px 5px;
+ border-radius: 5px;
+ // border-bottom: 0;
+ // border-radius: 0 0 5px 5px;
}
.emoji{
@@ -414,4 +416,4 @@ a.subitem {
fill: white;
}
}
-}
\ No newline at end of file
+}