Position the news archive header correctly.

close #137

diff --git a/static/css/style.css b/static/css/style.css
index cb12f6de53399ba9c7f15205bba6b212c19ea6bb..cf1124d2677496fad2a3da65b785465b5020a485 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -324,7 +324,8 @@ h1 {
     margin: 0;
 }
 
     margin: 0;
 }
 

-ul.artlist {
+.artlist ul {
+    padding: 0;

     list-style-type: none;
 }
 
     list-style-type: none;
 }
 


@@ -346,15 +347,16 @@ ul.artlist {
     margin-bottom: 1em;
 }
 
     margin-bottom: 1em;
 }
 

-.artlist {
-    max-width: var(--max-width);
-    margin: 0 auto;
-    margin-top: .5em;
+@media(--max-sm) {
+    .artlist .heading {
+        padding: 0 0.75em;
+    }

 }
 
 }
 

-.artlist.heading {
-    margin: 8em auto 2em auto;
-    padding: 0 0.75em;
+.artlist ul {
+    max-width: var(--max-width);
+    margin: 2em auto;
+    margin-top: .5em;

 }
 
 .artlist li:not(:first-child) {
 }
 
 .artlist li:not(:first-child) {

diff --git a/templates/artlist.html b/templates/artlist.html
index 8686d4093cf1abe55c9521e6a0c8d987d24517b1..03b5a69e68bbd0a4ab176a1eda5cdaa41012c2fc 100644 (file)
--- a/templates/artlist.html
+++ b/templates/artlist.html
@@ -2,12 +2,14 @@
 {% extends "base.html" %}
 {% set title = "archive" %}
 {% block content %}
 {% extends "base.html" %}
 {% set title = "archive" %}
 {% block content %}

-<div class="artlist heading">
+<div class="artlist main">
+<div class="heading">

     <h1>Blog Archive</h1>
 </div>
     <h1>Blog Archive</h1>
 </div>

-<ul class="artlist main">
+<ul>

 {% for article in get_module("news").articles|reverse %}
     <li class="art-info">{{ artinfo.info(article, "span") }}</li>
 {% endfor %}
 </ul>
 {% for article in get_module("news").articles|reverse %}
     <li class="art-info">{{ artinfo.info(article, "span") }}</li>
 {% endfor %}
 </ul>

+</div>

 {% endblock content %}
 {% endblock content %}