event listing

index.en.xhtml

@@ -37,10 +37,13 @@
         <dynamic-content-news />
       </div>
       <div class="column events">
-        <h2>Upcoming Events</h2>
+        <h2>
+          Upcoming Events
+          <a class="learn-more" href="/events/events.html">See all events...</a>
+        </h2>
         <dynamic-content-events />
         <p>
-          <a class="learn-more" href="/events/events.html">See all events...</a>
+          
         </p>
       </div>
     </div>

index.xsl

@@ -142,17 +142,21 @@
       ]">
       <xsl:sort select="@start"/>
       <xsl:if test="position() &lt;= 3">
+        <xsl:element name="div">
+          <xsl:attribute name="class">text</xsl:attribute>
+            <!-- Description -->
+            <xsl:element name="p">
+              <xsl:value-of select="title"/>
+              <xsl:element name="br"/>
+              <!-- Date -->
+              <xsl:element name="span">
+                <xsl:attribute name="class">date</xsl:attribute>
+                <xsl:call-template name="event-date"/>
+              </xsl:element><!-- p/date -->
 
-        <!-- Date -->
-        <xsl:element name="p">
-          <xsl:attribute name="class">date</xsl:attribute>
-          <xsl:call-template name="event-date"/>
-        </xsl:element><!-- p/date -->
+            </xsl:element><!-- p -->
 
-        <!-- Description -->
-        <xsl:element name="p">
-          <xsl:value-of select="title"/>
-        </xsl:element><!-- p -->
+          </xsl:element><!-- div/text -->
 
       </xsl:if>
     </xsl:for-each>

look/pages/frontpage.less

@@ -180,7 +180,7 @@ body.frontpage {
             }
         }
    }
-    .press, .news {
+    .press, .news, .events {
         .text {
             .date,
             .tag {