Add column layout for the facets.

diff --git a/css/mkdruding1.css b/css/mkdruding1.css
index 41ad8a5..682d69e 100644 (file)
--- a/css/mkdruding1.css
+++ b/css/mkdruding1.css
@@ -2,6 +2,11 @@ a.cross:hover {
   text-decoration: line-through;
 }
 
+.mkdru-facets-table {
+  table-layout: fixed;
+  width: 700px;
+}
+
 .mkdru-result-description {
   font-size: 0.8em;
 }

diff --git a/mkdruding1.js b/mkdruding1.js
index 8321feb..c1da0eb 100644 (file)
--- a/mkdruding1.js
+++ b/mkdruding1.js
@@ -44,18 +44,18 @@ Drupal.theme.mkdruFacetContainer = function (facetsCfg) {
     fs.push(facetsCfg[fname]);
   }
   fs.sort(function (a,b) { return a.orderWeight - b.orderWeight });
-  var html = '<h2>Facet browser</h2><div class="content">';
+  var html = '<div class="content"><table class="mkdru-facets-table"><tr>';
   for (var i=0; i<fs.length; i++) {
     var f = fs[i];
-    html += '<fieldset class="form-wrapper">'
+    html += '<td><fieldset class="form-wrapper">'
     html += '<legend><span class="fieldset-legend">'+f.displayName
       +'</span></legend>';
     html += '<div class="fieldset-wrapper">';
     html += '<div class="mkdru-facet-'+f.originalKey+'"/>';
     html += '</div>';
-    html += '</fieldset>'
+    html += '</fieldset></td>'
   }
-  html += '</div>';
+  html += '</tr></table></div>';
   return html;
 };