Fix overflowing tabs in account__action-bar (#5056)

[mastodon.git] / app / javascript / styles / components.scss

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 755c9eb3582fcb31ad65dca62ebc64b860c818dc..965d1061806668d655cd2c0c47cdbd3c8327870f 100644 (file)
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -920,7 +920,7 @@
 }
 
 .account__action-bar-dropdown {
-  flex: 1 1 auto;
+  flex: 0 1 calc(50% - 140px);
   padding: 10px;
 
   .dropdown--active {
@@ -947,7 +947,7 @@
 .account__action-bar__tab {
   text-decoration: none;
   overflow: hidden;
-  width: 80px;
+  flex: 0 1 80px;
   border-left: 1px solid lighten($ui-base-color, 8%);
   padding: 10px 5px;