adapt topik "large style" for "oh vol"

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index 4d0a01894c4d0780b2781cc1ee1d2944ef065b1b..1433e2900fd2a301027c4f7e1b7a86c82e02fcaa 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -1782,8 +1782,23 @@ div.topikcellcontent.topik-large a {
 }
 
 div.topikcellcontent.topik-large img {
-       float: left;
-       margin-right: 1em;
+       width: 100%;
+       display: block;
+}
+
+div.topikcellcontent.topik-large a div {
+       @media screen and (min-width: 760px) {
+               display: flex;
+       }
+       margin-top: 1ex;
+       h2 {
+               margin-top: 0;
+               white-space: nowrap;
+               margin-right: 1ex;
+               @media screen and (max-width: 760px) {
+                       padding-bottom: 0;
+               }
+       }
 }
 
 div.topikcellcontent a {

diff --git a/panikweb_templates/templates/panikombo/topik-cell.html b/panikweb_templates/templates/panikombo/topik-cell.html
index ba466942f43979beb761f4fe3b58a447b23188b6..d9ffe248b796add4a4cc96516bffb77b2f4970fb 100644 (file)
--- a/panikweb_templates/templates/panikombo/topik-cell.html
+++ b/panikweb_templates/templates/panikombo/topik-cell.html
@@ -4,7 +4,7 @@
 <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 %}
+{% thumbnail cell.topik.image "800x450" crop="50% 25%" as im %}
 <div class="logo">
 <img class="normal" src="{{im.url}}"/>
 </div>