From ade81f55d7e9d174c385132acb8340a107648bee Mon Sep 17 00:00:00 2001
From: Sonny Le <sonlv@templaza.com>
Date: Fri, 12 Jul 2024 10:52:06 +0700
Subject: [PATCH] Improve UI of Related article block

---
 framework/frontend/blog/modules/posttype.php | 4 ++--
 framework/frontend/blog/modules/related.php  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/framework/frontend/blog/modules/posttype.php b/framework/frontend/blog/modules/posttype.php
index cab5646c..152c40c7 100644
--- a/framework/frontend/blog/modules/posttype.php
+++ b/framework/frontend/blog/modules/posttype.php
@@ -41,7 +41,7 @@
 }
 ?>
 <?php if (!empty($icon)) { ?>
-   <dd class="article-post-type">
+   <div class="article-post-type">
       <span class="article-icon article-icon-<?php echo $type; ?>"><?php echo !empty($icon) ? '<i class="' . $icon . '"></i>' : ''; ?></span>
-   </dd>
+   </div>
 <?php } ?>
\ No newline at end of file
diff --git a/framework/frontend/blog/modules/related.php b/framework/frontend/blog/modules/related.php
index 77187690..b1fdfa10 100644
--- a/framework/frontend/blog/modules/related.php
+++ b/framework/frontend/blog/modules/related.php
@@ -39,7 +39,6 @@
                   <h3 class="related-article-title">
                      <a href="<?php echo $item->route; ?>"><?php echo $item->title; ?></a>
                   </h3>
-                  <?php echo LayoutHelper::render('joomla.content.info_block', ['item' => $item, 'params' => $item->params, 'astroidArticle' => $astroidArticle, 'position' => 'above']); ?>
                    <?php
                    if ($display_posttypeicon) {
                        $document->include('blog.modules.posttype', ['article' => $astroidArticle]);
@@ -48,6 +47,7 @@
                        $document->include('blog.modules.badge', ['article' => $astroidArticle]);
                    }
                    ?>
+                  <?php echo LayoutHelper::render('joomla.content.info_block', ['item' => $item, 'params' => $item->params, 'astroidArticle' => $astroidArticle, 'position' => 'above']); ?>
                </div>
             </div>
          </div>