From 51de129b540f8ab9fe252f481047f7dd44e79f17 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Wed, 10 Feb 2021 23:43:36 +0300
Subject: [PATCH] Update styles

---
 src/styles/variables.scss                           | 2 +-
 src/views/layout/components/Sidebar/Item.vue        | 2 +-
 src/views/layout/components/Sidebar/SidebarItem.vue | 8 +++++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 50d9b3ef..bd67fc4a 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -19,7 +19,7 @@ $menuHover:#263445;
 $subMenuBg:#1f2d3d;
 $subMenuHover:#001528;
 
-$sideBarWidth: 180px;
+$sideBarWidth: 205px;
 
 // the :export directive is the magic sauce for webpack
 :export {
diff --git a/src/views/layout/components/Sidebar/Item.vue b/src/views/layout/components/Sidebar/Item.vue
index 5fdb6219..1a7e5f2d 100644
--- a/src/views/layout/components/Sidebar/Item.vue
+++ b/src/views/layout/components/Sidebar/Item.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <svg-icon :icon-class="icon"/>
+    <svg-icon v-if="icon" :icon-class="icon"/>
     <span slot="title">{{ title }}</span>
     <el-badge :value="count" type="primary" class="count-badge" />
   </div>
diff --git a/src/views/layout/components/Sidebar/SidebarItem.vue b/src/views/layout/components/Sidebar/SidebarItem.vue
index 9db479da..adf2222a 100644
--- a/src/views/layout/components/Sidebar/SidebarItem.vue
+++ b/src/views/layout/components/Sidebar/SidebarItem.vue
@@ -32,7 +32,7 @@
             class="nest-menu" />
 
           <app-link v-else :to="resolvePath(child.path)" :key="child.name">
-            <el-menu-item :index="resolvePath(child.path)">
+            <el-menu-item :index="resolvePath(child.path)" class="submenu-item">
               <item
                 v-if="child.meta"
                 :count="showCount(item) ? normalizedReportsCount : null"
@@ -129,3 +129,9 @@ export default {
   }
 }
 </script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.submenu-item {
+  padding-left: 54px !important;
+}
+</style>