changed top bar tool paddings

Author: ismcagdas

vue/src/views/main-components/changelanguage.vue

@@ -1,5 +1,5 @@
 <template>
-    <div  style="display:inline-block;">
+    <div  style="display:inline-block;" class="topbar-menu-item">
         <Row type="flex" justify="start" align="middle">
         <i :class="currentLanguage.icon" style="margin-right:5px"></i>
         <Dropdown trigger="click" @on-click="setLanguage">

vue/src/views/main-components/fullscreen.vue

@@ -1,5 +1,5 @@
 <template>
-    <div @click="handleChange" v-if="showFullScreenBtn" class="full-screen-btn-con">
+    <div @click="handleChange" v-if="showFullScreenBtn" class="full-screen-btn-con topbar-menu-item">
         <Tooltip :content="value ? 'Exit full screen' : 'Full screen'" placement="bottom">
             <Icon :type="value ? 'arrow-shrink' : 'arrow-expand'" :size="23"></Icon>
         </Tooltip>

vue/src/views/main-components/lockscreen/lockscreen.vue

@@ -1,5 +1,5 @@
 <template>
-    <div @click="lockScreen" class="lock-screen-btn-con">
+    <div @click="lockScreen" class="lock-screen-btn-con topbar-menu-item">
         <Tooltip content="Lock screen" placement="bottom">
             <Icon type="locked" :size="20"></Icon>
         </Tooltip>

vue/src/views/main-components/theme-switch/theme-switch.vue

@@ -1,5 +1,5 @@
 <template>
-    <div style="display:inline-block;padding:0 6px;">
+    <div style="display:inline-block;padding:0 6px;" class="topbar-menu-item">
         <Dropdown trigger="click" @on-click="setTheme">
             <a href="javascript:void(0)">
                 <Icon :style="{marginTop: '-2px', verticalAlign: 'middle'}" color="#495060" :size="18" type="paintbucket"></Icon>

vue/src/views/main.less

@@ -117,12 +117,14 @@
             padding: 10px;
             overflow: hidden;
         }
+
         .header-avator-con{
             position: absolute;
             right: 0;
             top: 0;
             height: 100%;
             width: 340px;
+
             .switch-theme-con{
                 display: inline-block;
                 width: 40px;
@@ -230,4 +232,9 @@
             height: 39px;
         }
     }
+}
+
+.topbar-menu-item {
+    display: inline-block;
+    padding: 22px 5px;
 }