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

@@ -237,10 +237,10 @@
         overflow: hidden;
         background-color: #FFFFFF;
         border-radius: 23px;
-        padding-bottom: 5.25px;
-        padding-top: 5.25px;
-        padding-left: 5.5px;
-        padding-right: 5.5px;
+        padding-bottom: 5px;
+        padding-top: 5px;
+        padding-left: 5px;
+        padding-right: 5px;
         border: 1px solid #E2E4E8;
         box-shadow: 0px 2px 4px 0px #0000000C;
         width: 18px;