changed list style

blog/layouts/list.html

@@ -4,6 +4,7 @@
 
 <ul>
     {{ range .Pages }}
+    <hr>
         <div class="blogpost">
             <div class="blogpost-content">
                 <a class="blogpost-title" href="{{ .RelPermalink }}">{{ .Title }}</a>
@@ -15,6 +16,7 @@
             </div>
 
         </div>
+    <hr>
     {{ end }}
 </ul>
 

blog/static/css/style.css

@@ -191,14 +191,11 @@ img {
 /* ---------- Blogpost box Styling ---------- */
 
 .blogpost {
-    margin-top: 1rem;
-    margin-bottom: 2rem;
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
     padding: 1rem;
     padding-left: 15px;
     background-color: var(--color-accent);
-    border: 1.5px solid;
-    border-color: var(--color-secondary);
-    border-radius: 20px;
 }
 
 .blogpost-content {
@@ -206,12 +203,11 @@ img {
     justify-content: space-between;
     margin: 10px 0;
     padding-left: 5px;
-    padding-right: 5px;
 }
 
 .blogpost-title {
     font-weight: bold;
-    font-size: 18pt;
+    font-size: 16pt;
     margin-right: 10px;
 }