Fix column buttons overflow in Japanese (#3552)

8 years ago · 04bd224629
parent ff642a096a
commit 04bd224629
1 changed files with 3 additions and 2 deletions
--- 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%);