Improve layout

assets/css/layout.css

@@ -108,8 +108,8 @@ main header .meta .name a {
   text-decoration: none;
 }
 
-main .article-list .item {
-  margin-bottom: 3rem;
+main.profile-page {
+  margin-top: 6rem;
 }
 
 main .article-list .item h3 {
@@ -120,12 +120,16 @@ main .article-list p {
   margin-top: 0.5rem;
 }
 
+main .article-list p.meta {
+  font-size: 1rem;
+}
+
 main article footer {
   margin-top: 5rem;
 }
 
-.profile-page .about {
-  margin-bottom: 3rem;
+.profile-page header {
+  margin-bottom: 2rem;
 }
 
 /* Dropdown menu */
@@ -194,7 +198,7 @@ main article footer {
 
   main {
     max-width: 100%;
-    margin: 4rem 1rem 8rem 1rem;
+    margin: 4rem 1rem 8rem 1rem !important;
   }
 
   .profile-page h1 {

html.ts

@@ -77,7 +77,9 @@ function articleListItemHtml(article: Article): string {
   return `
     <div class="item">
       <h3><a href="/${article.naddr}">${article.title}</a></h3>
-      <p>${formattedDate}</p>
+      <p class="meta">
+        ${formattedDate}
+      </p>
     </div>
   `;
 }
@@ -111,7 +113,6 @@ export function profilePageHtml(profile: Profile, articles: Article[]): string {
           <p class="about">
             ${profile.about}
           </p>
-          </p>
         </div>
       </header>
       <section>