minor UI improvements

news/static/news/css/app.css

@@ -143,15 +143,6 @@ a h1 {
   }
 }
 
-/* .post_padding h1 {
-  line-height: 100%;
-}
-@media print, screen and (min-width: 40em) {
-  .post_padding h1 {
-    line-height: 70%;
-  }
-} */
-
 .lat_padding {
   padding: 0px 8px;
 }

news/templates/news/post.html

@@ -6,7 +6,9 @@
 
 {% block content %}
 
-<div class="post_padding">
+<article>
+
+  <div class="post_padding">
 
     {% if post.style == 1 %}
     <div class="quote">
@@ -21,22 +23,28 @@
     <div class="details">
       {{ post.date }} - {{ post.author.username }}
     </div>
-</div>
+  </div>
 
-{% if post.style == 3 %}
-<iframe class="youtube" src="https://www.youtube.com/embed/{{ post.url }}"></iframe>
-{% elif post.style != 1 %}
-<img src="{% static 'media/' %}{{ post.image_url }}"/>
-{% endif %}
+  {% if post.style == 3 %}
+  <iframe class="youtube" src="https://www.youtube.com/embed/{{ post.url }}"></iframe>
+  {% elif post.style != 1 %}
+  <img src="{% static 'media/' %}{{ post.image_url }}"/>
+  {% endif %}
 
-<div class="post_padding">
+  <div class="post_padding">
 
-{% if post.style == 0 %}
+  {% if post.style == 0 %}
     <p class="contentbody">
       {{ post.body }}
     </p>
-{% endif %}
-  <br/>
+  {% endif %}
+
+</article>
+
+<br/>
+
+<div class="lat_padding">
+
 
     {% if user.is_authenticated %}
       <form action="{% url 'news:comment' post.id %}" method="post">
@@ -112,8 +120,11 @@
 
       {% for n in comment.level %}</ul>{% endfor %}
 
-{% endfor %}
+  {% endfor %}
+
+  </div>
 
 </div>
 
+
 {% endblock content %}