From 72d89576f198be2340e919ed829bbf66e19489fb Mon Sep 17 00:00:00 2001
From: Diego Najar <dignajar@gmail.com>
Date: Wed, 13 Oct 2021 21:41:49 +0200
Subject: [PATCH] Show date as block and inline depeding on the screen size

---
 bl-themes/popeye/php/home.php | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/bl-themes/popeye/php/home.php b/bl-themes/popeye/php/home.php
index a0025b5d..1f63f523 100644
--- a/bl-themes/popeye/php/home.php
+++ b/bl-themes/popeye/php/home.php
@@ -67,16 +67,30 @@
 								</a>
 								<!-- End Page title -->
 
-								<!-- Page date -->
-								<?php if ($theme->dateFormat()=='relative'): ?>
-									<small class="color-blue"><?php echo $pageTmp->relativeTime() ?></small>
-								<?php else: ?>
-									<small class="color-blue"><?php echo $pageTmp->date() ?></small>
-								<?php endif ?>
-								<!-- End Page date -->
+                                <!-- Page date -->
+                                <!-- This block is not visible on small devices -->
+                                <div class="d-none d-sm-block">
+                                <?php if ($theme->dateFormat()=='relative'): ?>
+                                    <small class="color-blue"><?php echo $pageTmp->relativeTime() ?></small>
+                                <?php else: ?>
+                                    <small class="color-blue"><?php echo $pageTmp->date() ?></small>
+                                <?php endif ?>
+                                </div>
+                                <!-- End Page date -->
 
 							</div>
 
+                            <!-- Page date -->
+                            <!-- This block is only visible on small devices -->
+                            <div class="d-block d-sm-none">
+                            <?php if ($theme->dateFormat()=='relative'): ?>
+                                <small class="color-blue"><?php echo $pageTmp->relativeTime() ?></small>
+                            <?php else: ?>
+                                <small class="color-blue"><?php echo $pageTmp->date() ?></small>
+                            <?php endif ?>
+                            </div>
+                            <!-- End Page date -->
+
 							<!-- Page description -->
 							<?php if ($pageTmp->description()): ?>
 							<p class="mb-1 form-text"><?php echo $pageTmp->description(); ?></p>