Fix column buttons overflow in Japanese (#3552)

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index b4e980f1aebed6335d6df083f49dc257e1224688..7f2b5cfe0c901c812b0bd88e70381527c2d7e086 100644 (file)
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -1534,7 +1534,7 @@
   cursor: pointer;
   flex: 0 0 auto;
   font-size: 16px;
-  padding: 15px;
+  padding: 0 15px;
   z-index: 3;
 
   &:hover {
@@ -2050,6 +2050,7 @@ button.icon-button.active i.fa-retweet {
   position: absolute;
   right: 0;
   top: 0;
+  height: 100%;
   display: flex;
 }
 
@@ -2059,7 +2060,7 @@ button.icon-button.active i.fa-retweet {
   color: $ui-primary-color;
   cursor: pointer;
   font-size: 16px;
-  padding: 15px;
+  padding: 0 15px;
 
   &:hover {
     color: lighten($ui-primary-color, 7%);