# HG changeset patch
# User domruf <dominikruf@gmail.com>
# Date 2017-10-25 21:12:17
# Node ID 1c2ba42412e9e56dbc663fffe5dc333a3255d778
# Parent  8ba69bf9236e35b3589edbc10a804511ff190311

less: base .metatag styling on Bootstrap .label styling

Metatags kind of are and kind of look like labels, except some differences:
Labels use smaller but bold font. The sizing is also different, as labels are
not inline-block and will not expand the line height but might overflow into
previous/next line, especially if these also have labels.

We still keep the custom colors for font and background.

Alternatively, we could put the "label" class in the markup and just let the
metatag markup set the colors, similar to what Bootstrap "label-*" does.

diff --git a/kallithea/public/less/kallithea-tags.less b/kallithea/public/less/kallithea-tags.less
--- a/kallithea/public/less/kallithea-tags.less
+++ b/kallithea/public/less/kallithea-tags.less
@@ -1,10 +1,6 @@
 .metatag {
-  display: inline-block;
-  margin-right: 1px;
-  border-radius: 4px 4px 4px 4px;
-  border: solid 1px #9CF;
-  padding: 2px 3px 2px 3px !important;
-  background-color: #DEF;
+  .label;
+  color: #000;
 }
 .metatag[data-tag="dead"] {
   background-color: #E44;