ui: optimize tools display position

Author: XPoet

layout/_partial/side-tools.ejs

@@ -1,4 +1,4 @@
-<div class="side-tools-container border-box side-tools-show-handle">
+<div class="side-tools-container border-box <%= is_home() ? 'side-tools-show-handle' : '' %>">
     <ul class="side-tools-list side-tools-show-handle border-box">
         <li class="tools-item tool-font-adjust-plus flex-center">
             <i class="fas fa-search-plus"></i>

source/css/layout/_partial/post-tools.styl

@@ -2,7 +2,7 @@ $li-margin-bottom = 0.8rem
 $post-tool-button-width = 2.5rem
 
 .post-tools-container {
-  padding-top 2rem
+  padding-top $component-spacing-value
 
   .tools-list {
 

source/css/layout/_partial/side-tools.styl

@@ -17,7 +17,7 @@ $tools-item-border-radius = 0.2rem
   .tools-item {
     width $tools-item-width
     height $tools-item-width
-    margin-bottom 0.22rem
+    margin-bottom 0.25rem
     color var(--text-color-3)
     font-size $tools-item-font-size
     background var(--background-color-1)

source/css/layout/page.styl

@@ -159,7 +159,7 @@ $post-tools-offset = 'calc((100vw - %s / 2) - 5rem)' % $content-max-width
     right 0
     bottom 1.6rem
     box-sizing border-box
-    padding-right 0.8rem
+    padding-right 1rem
 
     +keep-tablet() {
       padding-right 0