优化 remark 样式

scss/components/_remark.scss

@@ -1,21 +1,25 @@
 .#{$ns}Remark {
   display: inline-block;
   margin-left: $Remark-marginLeft;
-  color: $Remark-iconColor;
-  font-size: $fontSizeBase;
-  line-height: 1;
+
   cursor: pointer;
-  background-color: $Remark-bg;
-  border: $Remark-borderWidth solid $Remark-borderColor;
   text-align: center;
-  width: $Remark-width;
 
   &-icon {
-    color: inherit;
+    color: $Remark-iconColor;
     font-size: $Remark-icon-fontSize;
+    background-color: $Remark-bg;
+    border: $Remark-borderWidth solid $Remark-borderColor;
+    width: $Remark-width;
+    height: $Remark-width;
+    line-height: 1;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: $fontSizeBase;
   }
 
-  &:hover {
+  &:hover > &-icon {
     color: $Remark-onHover-iconColor;
     background-color: $Remark-onHover-bg;
     border-color: $Remark-onHover-borderColor;

scss/components/form/_form.scss

@@ -271,6 +271,10 @@
           display: inline-block;
         }
 
+        > .#{$ns}Remark {
+          padding-top: $Form-label-paddingTop;
+        }
+
         > .#{$ns}Form-control.#{$ns}InputGroup {
           display: inline-flex;
         }