diff --git a/public/css/module.less b/public/css/module.less index 94cfa4f..5f52afd 100644 --- a/public/css/module.less +++ b/public/css/module.less @@ -422,8 +422,13 @@ div.bp .badges { margin-bottom: 0.2em; height: 6em; cursor: pointer; + position: relative; .badges { + position: absolute; + bottom: 0; + left: 0; + right: 0;margin: 0.5em; text-align: center; font-size: 0.5em; display: block; @@ -431,6 +436,15 @@ div.bp .badges { > a { display: block; + line-height: 6em; + text-decoration: none; + font-size: 0.7em; + text-align: center; + padding: 1em; + font-weight: bold; + word-wrap: break-word; + text-shadow: 0 0 1px @text-color; + color: @text-color-inverted; } &:hover { @@ -438,9 +452,12 @@ div.bp .badges { } .actions { + position: absolute; + top: 0; + left: 0; + right: 0; + margin: 0.5em 0 0 0.5em; font-size: 0.75em; - margin-left: 0.5em; - padding-top: 0.2em; height: 1.8em; i { @@ -480,19 +497,6 @@ div.bp .badges { height: 2em; } -.tiles > div > a { - text-decoration: none; - font-size: 0.7em; - text-align: center; - padding: 1em; - font-weight: bold; - word-wrap: break-word; - width: 100%; - box-sizing: border-box; - text-shadow: 0 0 1px @text-color; - color: @text-color-inverted; -} - .tiles { > .critical { background-color: @colorCritical;} > .critical.handled { background-color: @colorCriticalHandled; }