From 1a7af84d7cf31c4ca2ae126488dfb1bb61d8da2e Mon Sep 17 00:00:00 2001
From: "John L. Villalovos" <john.l.villalovos@intel.com>
Date: Wed, 4 Nov 2015 00:37:33 -0800
Subject: [PATCH] Use a boostrap grid to list all the meetings

Make the listings of all the meetings, somewhat easier to read.

Change-Id: Id875f0d2d3eebb86f239fc18eba58e4d57491215
---
 meetingindex.jinja | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/meetingindex.jinja b/meetingindex.jinja
index 79fed931..8d810345 100644
--- a/meetingindex.jinja
+++ b/meetingindex.jinja
@@ -32,13 +32,19 @@ use in your favorite calendaring app:</p>
 <a href="irc-meetings.ical">iCalendar Complete Meeting Schedule</a>
 </div>
  <h2>Meeting details</h2>
- <small>
-  <ul class="list-inline">
-{% for meeting in meetings|sort(attribute='project') %}
-   <li><a href="#{{ meeting.project|replace(' ', '_') }}">{{ meeting.project }}</a></li>
-{% endfor %}
-  </ul>
- </small>
+  <small>
+  <div class="container-fluid">
+  {% for column in meetings|sort(attribute='project')|batch(4) %}
+   <div class="row">
+   {% for meeting in column %}
+    <div class="col-md-3 col-xs-6">
+     <a href="#{{ meeting.project|replace(' ', '_') }}">{{ meeting.project }}</a>
+    </div>
+   {% endfor %}
+   </div>
+  {% endfor %}
+  </div>
+  </small>
 
 {% for meeting in meetings|sort(attribute='project') %}
  <a id="{{ meeting.project|replace(' ', '_') }}"></a>