X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=plugins%2Fquerytable%2Fstatic%2Fcss%2Fquerytable.css;h=5af1b812496d96a0f27762d5fc0ae8b6a63b9c48;hb=8c82aaebbe810904dd985aacf92ebc9eab3fd5f5;hp=0ac0055ef8ff403b0d35513960db229a1e4a8c6e;hpb=120979bd0e438477dfeb702ed99d06a3d257b9af;p=myslice.git

diff --git a/plugins/querytable/static/css/querytable.css b/plugins/querytable/static/css/querytable.css
index 0ac0055e..5af1b812 100644
--- a/plugins/querytable/static/css/querytable.css
+++ b/plugins/querytable/static/css/querytable.css
@@ -1,13 +1,36 @@
 /* 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;
 }
 
+/* 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: bold 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
-    color: #4f6b72;
+    font-size: small;
 }
 
+/* an example of the css classes used */
+.querytable-column-network_hrn {
+    background-color:red;
+}
+
+.slick-checkbox {
+    background-color: blue;
+}