switch reltags css to use flexbox

app/javascript/src/styles/specific/related_tags.scss

@@ -1,8 +1,6 @@
 @import "../base/000_vars.scss";
 
 div#related-tags-container {
-  padding-right: 2em;
-
   &.visible a#show-related-tags-link,
   &.hidden a#hide-related-tags-link,
   &.hidden div.related-tags {
@@ -17,11 +15,20 @@ div.related-tags {
   background: #EEE;
   overflow: auto;
   border-radius: 4px;
+  display: flex;
+  flex-wrap: wrap;
+
+  div.user-related-tags-columns, div.current-related-tags-columns, div.source-related-tags-columns {
+    display: flex;
+  }
 
   div.tag-column {
     max-width: 15em;
-    margin-right: 2em;
-    float: left;
+    margin-right: 3em;
+
+    &.is-empty-true {
+      display: none;
+    }
 
     ul {
       margin: 0;
@@ -47,8 +54,4 @@ div.related-tags {
       }
     }
   }
-  
-  div.wide-column {
-    max-width: 45em;
-  }
 }

app/views/related_tags/_tag_column.html.erb

@@ -1,8 +1,8 @@
 <%# tags, title, class (optional) %>
 
-<div class="tag-column <%= local_assigns[:class] || "#{title.parameterize}-related-tags-column" %>">
+<%= content_tag(:div, class: ["tag-column", local_assigns[:class] || "#{title.parameterize}-related-tags-column", "is-empty-#{tags.empty?}"].join(" ")) do %>
   <% if tags.present? %>
     <h6><%= title %></h6>
     <%= TagSetPresenter.new(tags).tag_list_html(name_only: true) %>
   <% end %>
-</div>
+<% end %>