Improve styling of match references and match trees
Change-Id: Ibd09352dc4b825e147e83ee5c97fa87e8d5082d4
diff --git a/dev/scss/main/kwic.scss b/dev/scss/main/kwic.scss
index 3028c92..9fd0fe9 100644
--- a/dev/scss/main/kwic.scss
+++ b/dev/scss/main/kwic.scss
@@ -275,20 +275,24 @@
p.ref {
display: block;
- color: $nearly-white;
- padding: 3pt 10pt 3pt 3pt;
- padding-right: $right-view-distance;
- margin: 0pt;
- width: 100%;
- bottom: 0;
- z-index: 30;
+ color: $nearly-white;
+ padding: 3pt 10pt 3pt 3pt;
+ padding-right: $right-view-distance;
+ margin: 0pt;
+ width: 100%;
+ bottom: 0;
+ z-index: 30;
- > span.sigle {
- font-size: 75%;
- vertical-align: top;
- color: $light-orange;
- float: right;
- }
+ > span.sigle {
+ font-size: 75%;
+ vertical-align: top;
+ color: $light-orange;
+ float: right;
+ }
+
+ > div.button-panel + * {
+ margin-left: .5em;
+ }
}
}
diff --git a/dev/scss/main/view/matchtree.scss b/dev/scss/main/view/matchtree.scss
index 96fb86a..4f5edbc 100644
--- a/dev/scss/main/view/matchtree.scss
+++ b/dev/scss/main/view/matchtree.scss
@@ -41,4 +41,9 @@
margin-right: $right-view-distance;
background-color: $light-orange;
}
+
+ svg {
+ overflow: visible;
+ margin: 1em;
+ }
}