Opraveny nerovnoměrně dlouhé články

templates/partials/list.html.nunjucks

@@ -11,8 +11,10 @@
                   {% if page.metadata.image %}background-image: url('{{config.baseurl}}/images/leads/{{ page.metadata.image }}'){% endif %}
                   " class="leadimage light-blue darken-2"></div>
               </a>
+              <div class="head-title" style="margin-bottom: 10px">
+                <a href="{{ config.baseurl }}/{{ page.file }}"><h5 class="center">{{ page.metadata.title }}</h5></a>
+              </div>
               <div style="padding: 0px 10px;" class="head-perex">
-                <a style="margin-bottom: 10px" href="{{ config.baseurl }}/{{ page.file }}"><h5 class="center">{{ page.metadata.title }}</h5></a>
                 {% if page.metadata.perex %}
                   {{page.metadata.perex}}
                 {% else %}
@@ -24,9 +26,9 @@
                 {% endif %}
               </div>
               <div class="clear"></div>
-              <div style="padding: 10px;">
-                <span style="color: #a2a2a2">{{ page.metadata.date.creation | date("D. M. YYYY") }} napsal {{ page.metadata.author.name }}</span>
-                <a style="float:right" href="{{ config.baseurl }}/{{ page.file }}">Číst dál</a>
+              <div style="padding: 10px;" class="head-info">
+                <span style="color: #a2a2a2; text-align: left;display: inline-block;width: 75%;">{{ page.metadata.date.creation | date("D. M. YYYY") }} napsal {{ page.metadata.author.name }}</span><!--
+                --><a style="text-align: right;display: inline-block;width: 25%;" href="{{ config.baseurl }}/{{ page.file }}">Číst&nbsp;dál</a>
               </div>
             </div>
 
@@ -58,8 +60,22 @@
         $(".head-perex").each(function(){
            if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
         });
-
         $(".head-perex").height(maxHeight);
+        
+        $(".head-title").height("auto");
+        maxHeight = 0;
+        $(".head-title").each(function(){
+           if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
+        });
+        $(".head-title").height(maxHeight);
+        
+        $(".head-info").height("auto");
+        maxHeight = 0;
+        $(".head-info").each(function(){
+           if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
+        });
+        $(".head-info").height(maxHeight);
+        
         $(".sidelink-icon").css("top",$(window).height()/2);
       };
       $(window).resize(onresize);