templates: include topik texts on topik page

panikweb_templates/static/css/specifics.css

@@ -1731,6 +1731,8 @@ div.topikcellcontent a {
 	display: inline-block;
 	text-align: left;
 	width: 50%;
+	box-sizing: border-box;
+	padding-right: 2em;
 	float: left;
 }
 

panikweb_templates/templates/panikombo/topik-cell.html

 {% load thumbnail %}
 {% if cell.topik %}
 <div class="topikcellcontent topik-{{cell.slug}}">
-<a href="{{cell.topik.page.get_online_url}}">
+<a class="block cf" href="{{cell.topik.page.get_online_url}}">
 <span class="logo">
 {% if cell.slug == "large" %}
 {% thumbnail cell.topik.image "480x320" crop="50% 25%" as im %}
+<div class="logo">
 <img class="normal" src="{{im.url}}"/>
+</div>
 {% endthumbnail %}
 {% else %}
-{% thumbnail cell.topik.image "240x160" crop="50% 25%" as im %}
+{% thumbnail cell.topik.image "480x320" crop="50% 25%" as im %}
+<div class="logo">
 <img class="normal" src="{{im.url}}"/>
+</div>
 {% endthumbnail %}
 {% endif %}
 </span>
 <div>
-  <h2>{{cell.topik.page.title}}</h2>
   {% if cell.slug == "large" %}
-  {{cell.text|safe}}
+  <h2>{{cell.topik.page.title}}</h2>
+  {% else %}
+  <h5>{{cell.topik.page.title}}</h5>
   {% endif %}
+  <div class="description">
+  {{cell.text|safe}}
+  </div>
 </div>
 </a>
 </div>