Format speakers properly

content/events/201302-sammeln-von-grossrechnern/index.md

@@ -7,6 +7,8 @@ speakers:
   -
     name: Wolfgang Stief
     affiliation: GUUG München
+  -
+    name: Hugo Hansel
 location:
   location: bib
   details: Max-Bense-Forum (UG)

content/styles/_customstyles.scss

@@ -113,11 +113,16 @@ ul.horizontal {
   }
 }
 
-.commaseparated {
+div.commaseparated {
+  clear: both;
+}
+
+ul.commaseparated {
   display: inline;
-  list-style: none;
+  list-style-type: none;
+  margin: 0;
   li {
-    isplay: inline;
+    display: inline;
   }
   li:after {
     content: ", ";

layouts/event_body.html

@@ -5,11 +5,10 @@
               <article itemscope itemtype="http://schema.org/EducationEvent">
                 <header>
                   <h1 itemprop="name"><%= item[:title] %></h1>
-                  <p>
                   <strong>Termin:</strong>
                   <span itemprop="startDate" content="<%= @item[:startdate].strftime("%Y-%m-%d") %>T19:30"><%= @item[:startdate].strftime("%d.%m.%Y") %>, 19:30 Uhr</span>
-                  </p>
-                  <p>
+                  <br />
+                  <div class="commaseparated">
                     <strong>Referent:</strong>
                     <ul class="commaseparated">
                       <% @item[:speakers].each do |speaker|  %>
@@ -18,13 +17,11 @@
                       </li>
                       <% end %>
                     </ul>
-                  </p>
-                  <p>
+                  </div>
                   <strong>Ort:</strong>
                   <span itemprop="location" itemscope itemtype="http://schema.org/Location">
                     <span itemprop="name">Stadtbibliothek am Mailänder Platz</span>, Max-Bense-Forum (UG)
                   </span>
-                  </p>
                 </header>
                 <section itemprop="description">
                   <%= yield %>