switch reltags css to use flexbox

This commit is contained in:
Albert Yi
2018-10-26 15:01:49 -07:00
parent 28414800f8
commit 3a5eba0eaf
2 changed files with 13 additions and 10 deletions

View File

@@ -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;
}
}