From ff572e844b2194eca8ef6bb56a00be12c3e40442 Mon Sep 17 00:00:00 2001
From: Sergiotarxz <sergiotarxz@posteo.net>
Date: Sun, 7 May 2023 16:46:51 +0200
Subject: [PATCH] Aligning text articles list to end.

---
 public/css/styles.css              | 5 ++++-
 public/css/styles.scss             | 3 +++
 templates/page/_list_posts.html.ep | 4 ++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/public/css/styles.css b/public/css/styles.css
index 9856211..f1adac1 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -107,7 +107,10 @@ body {
               height: 12em; }
             body div.page-contents div.description div.articles a article div.article-down-part {
               margin-top: 2em;
-              height: 9em; }
+              height: 9em;
+              display: flex;
+              align-items: end;
+              padding-bottom: 2em; }
             body div.page-contents div.description div.articles a article:hover {
               background: blueviolet;
               color: #f2eb8c; }
diff --git a/public/css/styles.scss b/public/css/styles.scss
index 945b634..f5f98b2 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -152,6 +152,9 @@ body {
             div.article-down-part {
                 margin-top: 2em; 
                 height: 9em;
+                display: flex;
+                align-items: end;
+                padding-bottom: 2em;
             }
 
             padding: 5%;
diff --git a/templates/page/_list_posts.html.ep b/templates/page/_list_posts.html.ep
index 6fec6f4..5243efd 100644
--- a/templates/page/_list_posts.html.ep
+++ b/templates/page/_list_posts.html.ep
@@ -16,7 +16,7 @@
                 <img alt="Portada de <%=$post->{title}%>" src="<%=$post->{image}%>"/>
           </div><%
     }
-            %></div><div class="article-down-part">
+            %></div><div class="article-down-part"><div>
                 <h3><%=$post->{title}%></h3><%
     my $xml = Mojo::DOM->new($post->{content});
     my $text = $xml->all_text;
@@ -24,7 +24,7 @@
         $text = substr($text, 0, 100).'...';
     }
                 %><p><%=$text%></p><p class="author">Escrito por <%=$post->{author}%></p>
-            </div></article>
+            </div></div></article>
     </a>
 %	}
 </div>