about summary refs log tree commit diff
path: root/app
diff options
context:
space:
mode:
authorLynx Kotoura <admin@sanin.link>2017-09-24 04:06:16 +0900
committerEugen Rochko <eugen@zeonfederated.com>2017-09-23 21:06:16 +0200
commit838f255fc27249196dec0bdaa63660ab51f33567 (patch)
treefa63fd3969335d02c5514077823ea994210c8180 /app
parent1e02ba111ae38ab758135b5b2b46f34c672ca02e (diff)
Fix overflowing tabs in account__action-bar (#5056)
* Fix numbers in accounts columns

* Support edge compact-header
Diffstat (limited to 'app')
-rw-r--r--app/javascript/styles/compact_header.scss2
-rw-r--r--app/javascript/styles/components.scss4
2 files changed, 3 insertions, 3 deletions
diff --git a/app/javascript/styles/compact_header.scss b/app/javascript/styles/compact_header.scss
index cf12fcfec..90d98cc8c 100644
--- a/app/javascript/styles/compact_header.scss
+++ b/app/javascript/styles/compact_header.scss
@@ -6,7 +6,7 @@
     font-weight: 500;
     margin-bottom: 20px;
     padding: 0 10px;
-    overflow-wrap: break-word;
+    word-wrap: break-word;
 
     @media screen and (max-width: 740px) {
       text-align: center;
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 755c9eb35..965d10618 100644
--- 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;