[#21] Make popup table match the rest of CKAN tables

ckanext/spatial/public/css/geojson_preview.css

@@ -2,6 +2,7 @@ html, body {
   height: 600px;
   padding: 0;
   margin: 0;
+  background: none;
 }
 
 #map {
@@ -10,19 +11,6 @@ html, body {
   height: 100%;
 }
 
-.popup-table {
+#map .table{
-	border-collapse: collapse;
-	border: 1px solid #bbb;
-  table-layout: fixed;
   width: 300px;
 }
-
-.popup-table td, .popup-table th {
-	border: 1px solid #bbb;
-	padding: 4px;
-  word-wrap: break-word;
-}
-
-.popup-table tr:nth-child(even) {
-	background-color: #eee;
-}

ckanext/spatial/public/js/geojson_preview.js

@@ -2,7 +2,7 @@
 ckan.module('geojsonpreview', function (jQuery, _) {
   return {
     options: {
-      table: '<table class="popup-table"><tbody>{body}</tbody></table>',
+      table: '<table class="table table-striped table-bordered table-condensed"><tbody>{body}</tbody></table>',
       row:'<tr><th>{key}</th><td>{value}</td></tr>',
       style: {
         opacity: 0.7,

ckanext/spatial/templates/dataviewer/geojson.html

@@ -1,6 +1,10 @@
 {% extends "dataviewer/base.html" %}
 
 {% block page %}
+    {%- block styles %}
+      {% resource g.main_css[6:] %}
+    {% endblock %}
+
     <div data-module="geojsonpreview" id="data-preview">
         <h4 class="loading-dialog">
           <div class="loading-spinner"></div>