From 8f230f5701e34ba818e35669f902211a40d0e622 Mon Sep 17 00:00:00 2001
From: rr- <rr-@sakuya.pl>
Date: Fri, 26 Aug 2016 23:52:03 +0200
Subject: [PATCH] client/css: fix wrapping tags in read-only sidebar

---
 client/css/posts.styl                 |  8 -----
 client/css/tag-input.styl             | 51 ++++++++++++++-------------
 client/html/post_readonly_sidebar.tpl |  2 +-
 3 files changed, 28 insertions(+), 33 deletions(-)

diff --git a/client/css/posts.styl b/client/css/posts.styl
index c7cac106..43ca7317 100644
--- a/client/css/posts.styl
+++ b/client/css/posts.styl
@@ -272,14 +272,6 @@ $safety-unsafe = #F3985F
         h1
             margin-bottom: 0.5em
 
-        i
-            padding-right: 0.4em
-
-        .tag-usages
-            font-size: 90%
-            color: $inactive-link-color
-            margin-left: 0.7em
-
 .post-view .edit-sidebar
     .expander-content
         section:not(:last-child)
diff --git a/client/css/tag-input.styl b/client/css/tag-input.styl
index c84ceab3..d4ee8657 100644
--- a/client/css/tag-input.styl
+++ b/client/css/tag-input.styl
@@ -85,32 +85,35 @@ div.tag-input
             font-size: 90%
             unselectable()
 
-    ul.compact-tags
+ul.compact-tags
+    width: 100%
+    margin-top: 0.5em
+    li
+        margin: 0
         width: 100%
-        margin-top: 0.5em
-        li
-            margin: 0
-            width: 100%
-            line-height: 140%
-            white-space: nowrap
-            overflow: hidden
-            text-overflow: ellipsis
-            transition: background-color 0.5s linear
-            a:focus
-                outline: 0
-                box-shadow: inset 0 0 0 2px $main-color
-            &.implication
-                background: $implied-tag-background-color
-                color: $implied-tag-text-color
-            &.new
-                background: $new-tag-background-color
-                color: $new-tag-text-color
-            &.duplicate
-                background: $duplicate-tag-background-color
-                color: $duplicate-tag-text-color
-        i
-            padding-right: 0.4em
+        line-height: 140%
+        white-space: nowrap
+        overflow: hidden
+        text-overflow: ellipsis
+        transition: background-color 0.5s linear
+        a
+            display: inline
+        a:focus
+            outline: 0
+            box-shadow: inset 0 0 0 2px $main-color
+        &.implication
+            background: $implied-tag-background-color
+            color: $implied-tag-text-color
+        &.new
+            background: $new-tag-background-color
+            color: $new-tag-text-color
+        &.duplicate
+            background: $duplicate-tag-background-color
+            color: $duplicate-tag-text-color
+    i
+        padding-right: 0.4em
 
+div.tag-input, ul.compact-tags
     .tag-usages, .tag-weight, .remove-tag
         color: $inactive-link-color
         unselectable()
diff --git a/client/html/post_readonly_sidebar.tpl b/client/html/post_readonly_sidebar.tpl
index b946bda6..32dafd6c 100644
--- a/client/html/post_readonly_sidebar.tpl
+++ b/client/html/post_readonly_sidebar.tpl
@@ -63,7 +63,7 @@
     <nav class='tags'>
         <h1>Tags (<%- ctx.post.tags.length %>)</h1>
         <% if (ctx.post.tags.length) { %>
-            <ul class="compact-tags"><!--
+            <ul class='compact-tags'><!--
                 --><% for (let tag of ctx.post.tags) { %><!--
                     --><li><!--
                         --><% if (ctx.canViewTags) { %><!--