Fix post-info layout for 'Other News' on homepage

stomar · stomar · commit dcf94e22162e · 2014-11-21T17:45:03.000+01:00
The 'post-info' CSS class is needed both for 'p' and 'span' elements.
Also introduce line breaks (previously achieved with 'display: block').
diff --git a/_layouts/homepage.html b/_layouts/homepage.html
@@ -37,7 +37,7 @@ <h3>{{ news.other_news }}</h3>
   <ul>
     {% for post in site.categories[page.lang] offset:offset_other_left limit:number_of_other %}
     <li>
-      <a href="{{ post.url }}">{{ post.title }}</a>
+      <a href="{{ post.url }}">{{ post.title }}</a><br>
       <span class="post-info">{{ post.date | posted_by:post.author }}</span>
     </li>
     {% endfor %}
@@ -46,7 +46,7 @@ <h3>{{ news.other_news }}</h3>
   <ul>
     {% for post in site.categories[page.lang] offset:offset_other_right limit:number_of_other %}
     <li>
-      <a href="{{ post.url }}">{{ post.title }}</a>
+      <a href="{{ post.url }}">{{ post.title }}</a><br>
       <span class="post-info">{{ post.date | posted_by:post.author }}</span>
     </li>
     {% endfor %}
diff --git a/stylesheets/main.css b/stylesheets/main.css
@@ -206,7 +206,7 @@ div.post h3 a {
 
 div.post h3 a:hover { text-decoration: underline; }
 
-p.post-info {
+.post-info {
   color: grey;
   font-size: 13px;
   line-height: 16px;
