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;
 }
 
   text-decoration: line-through;
 }
 

+.mkdru-facets-table {
+  table-layout: fixed;
+  width: 700px;
+}
+

 .mkdru-result-description {
   font-size: 0.8em;
 }
 .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 });
     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];
   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 += '<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;
 };
 
   return html;
 };