Added query panel for plugin capabilities
Change-Id: I5766cf45aa711ebea9a6f9f3dfa51e706ebd0d0d
diff --git a/dev/scss/header/searchbar.scss b/dev/scss/header/searchbar.scss
index 3776931..ab86913 100644
--- a/dev/scss/header/searchbar.scss
+++ b/dev/scss/header/searchbar.scss
@@ -2,16 +2,18 @@
@import "../util";
$border-size: 2px;
+$qmargin: 3px;
// $right-padding: 60px;
+
/**
* Input field
*/
#q-field {
width: 100%;
margin: 0;
- margin-bottom: 3px;
+ margin-bottom: $qmargin;
display: block;
&::-webkit-search-cancel-button {
@@ -26,9 +28,11 @@
#searchbar {
position: relative;
width: 100%;
+ padding: 0;
padding-right: $right-distance + $button-width;
button[type=submit] {
position: absolute;
+ padding: 0;
right: $right-distance;
&::after {
content: $fa-search;
@@ -71,3 +75,21 @@
}
}
}
+
+
+.query.panel {
+ padding-right: $right-distance + $button-width;
+}
+
+// Specify result button group layout
+
+.query.button-group.button-panel {
+ width: auto;
+ text-align: right;
+ vertical-align: top;
+ display: block;
+ line-height: 1.3em;
+ > span {
+ box-shadow: none;
+ }
+}