Merge pull request #5579 from Countly/anna/next

design fixes for guides buttons

Author: Cookiezaurs

frontend/express/public/javascripts/countly/vue/templates/sidebar/sidebar.html

@@ -31,7 +31,7 @@
                         'cly-vue-sidebar__menu-option-toggle--rotate-right': !showMainMenu
                     }]" data-test-id="sidebar-menuoptions-toogleleft"></i>
                 <a v-else-if="item.name === 'help-center'" :href="helpCenterLink" :target="helpCenterTarget"><i :class="['cly-icon-btn', item.icon]" data-test-id="sidebar-menu-helpcenter"></i></a>
-                <a v-else-if="item.name === 'countly-guides'" @click="onClick(item)" :href="helpCenterLink" :target="helpCenterTarget"><i class="cly-io-16 cly-is cly-is-book-open bu-px-4" :style="guidesButtonDynamicClass" @mouseover='guidesMouseOver' @mouseleave='guidesMouseLeave' data-test-id="sidebar-menu-countlyguides"></i></a>
+                <a v-else-if="item.name === 'countly-guides'" @click="onClick(item)" :href="helpCenterLink" :target="helpCenterTarget"><i class="cly-io-16 cly-is cly-is-book-open" :style="guidesButtonDynamicClass" @mouseover='guidesMouseOver' @mouseleave='guidesMouseLeave' data-test-id="sidebar-menu-countlyguides"></i></a>
                 <i v-else :class="['cly-icon-btn', item.icon, {'cly-vue-sidebar__menu-option--selected': item.name === pseudoSelectedMenuOption}]"></i>
             </li>
         </ul>

plugins/guides/frontend/public/stylesheets/main.scss

@@ -414,4 +414,4 @@
         height: 100%;
         color-scheme: light
     }
-}
+}