Improved response view
diff --git a/dev/scss/header/searchbar.scss b/dev/scss/header/searchbar.scss
index e0f241e..d383e73 100644
--- a/dev/scss/header/searchbar.scss
+++ b/dev/scss/header/searchbar.scss
@@ -74,21 +74,6 @@
}
}
-#koralquery {
- margin-top: 10px;
- margin-right: 40px;
- border: {
- radius: $standard-border-radius;
- color: $dark-green;
- style: solid;
- width: $border-size;
- }
- white-space: pre;
- background-color: $nearly-white;
- color: $dark-grey;
-}
-
-
/**
* Checkbox styling
* http://stackoverflow.com/questions/4148499/how-to-style-checkbox-using-css
diff --git a/dev/scss/main/koralquery.scss b/dev/scss/main/koralquery.scss
new file mode 100644
index 0000000..d569d77
--- /dev/null
+++ b/dev/scss/main/koralquery.scss
@@ -0,0 +1,19 @@
+@charset "utf-8";
+@import "../util";
+
+$border-size: 2px;
+
+#koralquery {
+ border: 1px solid $kwic-border;
+ white-space: pre;
+ background-color: $dark-orange;
+ > div {
+ background-color: $nearly-white;
+ margin: {
+ top: 2pt;
+ right: $right-match-distance; // 3em;
+ bottom: 2pt;
+ left: 2pt;
+ }
+ }
+}
diff --git a/dev/scss/main/main.scss b/dev/scss/main/main.scss
index f0ff84b..2bd308d 100644
--- a/dev/scss/main/main.scss
+++ b/dev/scss/main/main.scss
@@ -7,6 +7,7 @@
@import "resultinfo"; // Information on results
@import "sidebar"; // Navigation on the left side
@import "tutorial"; // Embedded and non-embedded tutorial
+@import "koralquery"; // KoralQuery
@import "alertify";
div.intro {