a bit of styling

[myslice.git] / plugins / querytable / static / css / querytable.css

diff --git a/plugins/querytable/static/css/querytable.css b/plugins/querytable/static/css/querytable.css
index 0ac0055..19088ad 100644 (file)
--- a/plugins/querytable/static/css/querytable.css
+++ b/plugins/querytable/static/css/querytable.css
@@ -1,13 +1,27 @@
 /* the bottom of the datatable needs more space */
 div.querytable-spacer { padding: 8px 4px 15px 4px; }
 
+/* use same height as the googlemap plugin for nicer effect */
 div.querytable {
-    width: 100%;
-    height: 400px;
+    width:  100%;
+    height: 600px;
 }
 
-div.querytable {
-    font: bold 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
-    color: #4f6b72;
+/* this is crucial for slickgrid and bootstrap3 to play together nicely
+   https://github.com/mleibman/SlickGrid/issues/742
+ */
+div.querytable div {
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
 }
 
+div.querytable .slick-column-name {
+    font-weight: bold;
+    font-size: medium;
+    padding: 5px;
+ }
+
+div.querytable {
+    font-size: small;
+}