From b9b5cf421488bd0b2b92646567a87169b1e65550 Mon Sep 17 00:00:00 2001
From: Deon George <deon@dege.au>
Date: Mon, 13 May 2024 09:24:35 +1000
Subject: [PATCH] Display msgid's smaller for Netmail/Echomail H1 headings

---
 public/css/fixes.css                    | 9 +++++++--
 resources/views/echomail/view.blade.php | 2 +-
 resources/views/netmail/view.blade.php  | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/public/css/fixes.css b/public/css/fixes.css
index eaf4be6..822ac92 100644
--- a/public/css/fixes.css
+++ b/public/css/fixes.css
@@ -104,14 +104,19 @@ ol {
 h1>small.float-end {
 	padding-top: 2rem;
 }
-h1>small.float-end:before {
+h1>small:before {
 	color: #acacac;
 	content: '[';
 }
-h1>small.float-end:after {
+h1>small:after {
 	color: #acacac;
 	content: ']';
 }
+/* Enable smaller text in h1, but not tiny as used at the float-end */
+h1 > small:not(.float-end) {
+	font-size: 50% !important;
+}
+
 h1 sup {
 	text-shadow: none;
 	font-size: 50%;
diff --git a/resources/views/echomail/view.blade.php b/resources/views/echomail/view.blade.php
index 4d778d4..2da2bb1 100644
--- a/resources/views/echomail/view.blade.php
+++ b/resources/views/echomail/view.blade.php
@@ -6,7 +6,7 @@
 @section('content')
 	<div class="row">
 		<div class="col-12">
-			<h1>Echomail [{{ $o->msgid ?: '-' }}] <small class="float-end">#{{ $o->id }}</small></h1>
+			<h1>Echomail <small>{{ $o->msgid ?: '-' }}</small> <small class="float-end">#{{ $o->id }}</small></h1>
 
 			@include('widgets.message',['msg'=>$o])
 		</div>
diff --git a/resources/views/netmail/view.blade.php b/resources/views/netmail/view.blade.php
index 506e911..e753afc 100644
--- a/resources/views/netmail/view.blade.php
+++ b/resources/views/netmail/view.blade.php
@@ -6,7 +6,7 @@
 @section('content')
 	<div class="row">
 		<div class="col-12">
-			<h1>Netmail [{{ $o->msgid ?: '-' }}] <small class="float-end">#{{ $o->id }}</small></h1>
+			<h1>Netmail <small>{{ $o->msgid ?: '-' }}</small> <small class="float-end">#{{ $o->id }}</small></h1>
 
 			@include('widgets.message',['msg'=>$o])
 		</div>