Improve appearance of inline-markers
Change-Id: I61685d0f548b729a55295eda5f9eb44e130fa6e5
diff --git a/dev/scss/main/kwic.scss b/dev/scss/main/kwic.scss
index 0c41068..cf5ba49 100644
--- a/dev/scss/main/kwic.scss
+++ b/dev/scss/main/kwic.scss
@@ -225,14 +225,16 @@
background-color: transparent;
}
- span.inline-marker {
+ span.inline-marker[data-key][data-value]:not([data-value=""]) {
+ font-size: 85%;
+ text-shadow:none;
font-weight: normal;
color: $dark-grey;
&::before, &::after {
display: inline-block !important;
border-width: 2px;
border-radius: 0;
- margin: 0 3pt;
+ margin: 0;
padding: 0 4pt;
}
&::before {
@@ -242,13 +244,14 @@
border-bottom-left-radius: 5px;
border-width-right: 0;
background-color: $dark-orange !important;
- content: attr(data-key) ': ';
+ content: attr(data-key) ':';
}
&::after {
border-width-left: 0;
margin-left: 0;
- padding-left: 0;
+ margin-right: 3pt;
+ padding-left: 1pt;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: $dark-orange !important;