Info blocks action optional, layout fixed

publichealth/home/templates/home/article_index_page.html

@@ -43,12 +43,12 @@
       {% for block in subcategories %}
       <article class="col-md-4">
 				<a href="{% pageurl block %}">
+          <header>
+            <h4>{{ block.trans_title }}</h4>
+          </header>
           <div class="image">
   					{% image block.feed_image fill-300x300 %}
   				</div>
-          <header>
-            <h3>{{ block.trans_title }}</h3>
-          </header>
         </a>
       </article>
       {% endfor %}

publichealth/home/templates/infos.html

@@ -5,16 +5,20 @@
 		<div class="row infoblocks">
     	{% for block in page.trans_infos %}
 			<article class="col-md-4">
-				<div class="image">
+				<a href="{{ block.value.url }}">
-					{% image block.value.photo fill-300x300 %}
+					<div class="image">
-				</div>
+						{% image block.value.photo fill-300x300 %}
-				<header>
+					</div>
-					<h3>{{ block.value.title }}</h3>
+					<header>
-				</header>
+						<h3>{{ block.value.title }}</h3>
+					</header>
+				</a>
 				{{ block.value.summary|richtext }}
+				{% if block.value.action %}
 				<footer>
 					<a href="{{ block.value.url }}" class="btn btn-default">{{ block.value.action }}</a>
 				</footer>
+				{% endif %}
 			</article>
     	{% endfor %}
 		</div>

publichealth/static/css/modules/_articles.scss

@@ -41,6 +41,11 @@ section {
   }
 }
 
+// Article index blocks
+.article-subcategories article {
+  margin-bottom: 1.5em;
+}
+
 // Special article layout
 .article-page .lead {
   h2,h3,h4,h5 { text-align: center; }