FIX: category badge when using box style on long category names

2018-01-22 18:26:54 +01:00 · 2018-01-22 18:26:54 +01:00 · f06f7161ea
parent 2352c5ecd5
commit f06f7161ea
2 changed files with 8 additions and 1 deletions
--- a/app/assets/javascripts/select-kit/templates/components/category-row.hbs
+++ b/app/assets/javascripts/select-kit/templates/components/category-row.hbs
@ -1,7 +1,7 @@
 {{#if category}}
    {{#if hasParentCategory}}
      <div class="category-status">
-        {{badgeForParentCategory}}&nbsp;{{badgeForCategory}}
+        {{badgeForParentCategory}} {{badgeForCategory}}
        <span class="topic-count">&times; {{topicCount}}</span>
      </div>
    {{else}}
--- a/app/assets/stylesheets/common/select-kit/category-row.scss
+++ b/app/assets/stylesheets/common/select-kit/category-row.scss
@ -2,9 +2,16 @@
  .category-row {
    .category-status {
      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
      -webkit-box-flex: 0;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
+
+      .badge-wrapper.box {
+        margin-bottom: 1px;
+        margin-top: 1px;
+      }
    }
  }
 }