From 24877f1ed91380c76c49e3780f3c70c009509b07 Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Sun, 4 Jul 2021 14:50:48 +0200
Subject: Use list for item meta elements

---
 theme/admin/html/category/item.php | 16 +++++++++++-----
 theme/admin/html/page/item.php     | 12 ++++++++----
 theme/admin/html/post/item.php     | 14 ++++++++++----
 theme/admin/html/user/item.php     |  8 +++++---
 theme/admin/rsrc/css/main.css      |  8 ++++++++
 theme/admin/rsrc/css/main.scss     | 10 ++++++++++
 6 files changed, 52 insertions(+), 16 deletions(-)

(limited to 'theme')

diff --git a/theme/admin/html/category/item.php b/theme/admin/html/category/item.php
index f8e7223..ad458d6 100644
--- a/theme/admin/html/category/item.php
+++ b/theme/admin/html/category/item.php
@@ -4,11 +4,17 @@
 			<i class="fa fa-tag"></i><?=escapeHTML($CATEGORY['ATTR']['NAME'])?>
 			<span class="item-id">#<?=$CATEGORY['ATTR']['ID']?></span>
 		</h2>
-		<div>
-			<time class="brackets" datetime="<?=$CATEGORY['ATTR']['TIME_INSERT']?>"><?=parseDatetime($CATEGORY['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
-			<span class="brackets"><?=$Language->text('posts')?>: <?=$COUNT['POST']?></span>
-			<span class="brackets"><?=$Language->text('categories')?>: <?=$COUNT['CHILDREN']?></span>
-		</div>
+		<ul class="item-meta">
+			<li>
+				<time class="brackets" datetime="<?=$CATEGORY['ATTR']['TIME_INSERT']?>"><?=parseDatetime($CATEGORY['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
+			</li>
+			<li>
+				<span class="brackets"><?=$Language->text('posts')?>: <?=$COUNT['POST']?></span>
+			</li>
+			<li>
+				<span class="brackets"><?=$Language->text('categories')?>: <?=$COUNT['CHILDREN']?></span>
+			</li>
+		</ul>
 	</header>
 	<blockquote cite="<?=$CATEGORY['URL']?>">
 		<?php if(isset($CATEGORY['FILE']['LIST'][0])): ?>
diff --git a/theme/admin/html/page/item.php b/theme/admin/html/page/item.php
index 267416a..c88256e 100644
--- a/theme/admin/html/page/item.php
+++ b/theme/admin/html/page/item.php
@@ -4,10 +4,14 @@
 			<i class="fa fa-file-text-o"></i><?=escapeHTML($PAGE['ATTR']['NAME'])?>
 			<span class="item-id">#<?=$PAGE['ATTR']['ID']?></span>
 		</h2>
-		<div>
-			<a class="brackets" href="<?=Application::getAdminURL("user/update.php?id={$USER['ATTR']['ID']}")?>" title="<?=$Language->text('update_user')?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a>
-			<time class="brackets" datetime="<?=$PAGE['ATTR']['TIME_INSERT']?>"><?=parseDatetime($PAGE['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
-		</div>
+		<ul class="item-meta">
+			<li>
+				<a class="brackets" href="<?=Application::getAdminURL("user/update.php?id={$USER['ATTR']['ID']}")?>" title="<?=$Language->text('update_user')?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a>
+			</li>
+			<li>
+				<time class="brackets" datetime="<?=$PAGE['ATTR']['TIME_INSERT']?>"><?=parseDatetime($PAGE['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
+			</li>
+		</ul>
 	</header>
 	<blockquote cite="<?=$PAGE['URL']?>">
 		<?php if(isset($PAGE['FILE']['LIST'][0])): ?>
diff --git a/theme/admin/html/post/item.php b/theme/admin/html/post/item.php
index 330e682..03b39d3 100644
--- a/theme/admin/html/post/item.php
+++ b/theme/admin/html/post/item.php
@@ -4,13 +4,19 @@
 			<i class="fa fa-newspaper-o"></i><?=escapeHTML($POST['ATTR']['NAME'])?>
 			<span class="item-id">#<?=$POST['ATTR']['ID']?></span>
 		</h2>
-		<div>
-			<a class="brackets" href="<?=Application::getAdminURL("user/update.php?id={$USER['ATTR']['ID']}")?>" title="<?=$Language->text('update_user')?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a>
+		<ul class="item-meta">
+			<li>
+				<a class="brackets" href="<?=Application::getAdminURL("user/update.php?id={$USER['ATTR']['ID']}")?>" title="<?=$Language->text('update_user')?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a>
+			</li>
 			<?php if($CATEGORY): ?>
+			<li>
 				<a class="brackets" href="<?=Application::getAdminURL("category/update.php?id={$CATEGORY['ATTR']['ID']}")?>" title="<?=$Language->text('update_category')?>"><?=escapeHTML($CATEGORY['ATTR']['NAME'])?></a>
+			</li>
 			<?php endif ?>
-			<time class="brackets" datetime="<?=$POST['ATTR']['TIME_INSERT']?>"><?=parseDatetime($POST['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
-		</div>
+			<li>
+				<time class="brackets" datetime="<?=$POST['ATTR']['TIME_INSERT']?>"><?=parseDatetime($POST['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
+			</li>
+		</ul>
 	</header>
 	<blockquote cite="<?=$POST['URL']?>">
 		<?php if(isset($POST['FILE']['LIST'][0])): ?>
diff --git a/theme/admin/html/user/item.php b/theme/admin/html/user/item.php
index 80edd3b..c84e24b 100644
--- a/theme/admin/html/user/item.php
+++ b/theme/admin/html/user/item.php
@@ -4,9 +4,11 @@
 			<i class="fa fa-user"></i><?=escapeHTML($USER['ATTR']['FULLNAME'])?>
 			<span class="item-id">#<?=$USER['ATTR']['ID']?></span>
 		</h2>
-		<div>
-			<time class="brackets" datetime="<?=$USER['ATTR']['TIME_INSERT']?>"><?=parseDatetime($USER['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
-		</div>
+		<ul class="item-meta">
+			<li>
+				<time class="brackets" datetime="<?=$USER['ATTR']['TIME_INSERT']?>"><?=parseDatetime($USER['ATTR']['TIME_INSERT'], $Language->text('date_format'))?></time>
+			</li>
+		</ul>
 	</header>
 	<blockquote cite="<?=$USER['URL']?>">
 		<?php if(isset($USER['FILE']['LIST'][0])): ?>
diff --git a/theme/admin/rsrc/css/main.css b/theme/admin/rsrc/css/main.css
index 63c9dd0..9ffea66 100644
--- a/theme/admin/rsrc/css/main.css
+++ b/theme/admin/rsrc/css/main.css
@@ -457,6 +457,14 @@ table, td {
   font-size: 0.7rem;
   font-weight: normal;
 }
+.item-meta {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.item-meta li {
+  display: inline-block;
+}
 .item-image {
   float: left;
   display: block;
diff --git a/theme/admin/rsrc/css/main.scss b/theme/admin/rsrc/css/main.scss
index e8944ea..a83e1e8 100644
--- a/theme/admin/rsrc/css/main.scss
+++ b/theme/admin/rsrc/css/main.scss
@@ -507,6 +507,16 @@ table, td {
 		font-weight: normal;
 	}
 
+	&-meta {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+
+		li {
+			display: inline-block;
+		}
+	}
+
 	&-image {
 		float: left;
 		display: block;
-- 
cgit v1.2.3