From 33ae652222a6a42ac7a54bb03cc9dfae59e1c467 Mon Sep 17 00:00:00 2001
From: Victor Losada Hernandez <losada.hernandez.victor@gmail.com>
Date: Thu, 2 Mar 2023 18:25:23 +0100
Subject: [PATCH] format and editable logo

---
 .../V3/5ePHB/snippets/insidecoverpage.gen.js  |  5 +-
 themes/V3/5ePHB/style.less                    | 80 ++++++++++---------
 2 files changed, 43 insertions(+), 42 deletions(-)

diff --git a/themes/V3/5ePHB/snippets/insidecoverpage.gen.js b/themes/V3/5ePHB/snippets/insidecoverpage.gen.js
index eded22425..15466eea7 100644
--- a/themes/V3/5ePHB/snippets/insidecoverpage.gen.js
+++ b/themes/V3/5ePHB/snippets/insidecoverpage.gen.js
@@ -34,8 +34,7 @@ return dedent`{{insideCover}}
 ___
     
 ![image](https://i.imgur.com/dpg5qPT.png) {}
-    
-{{logo}}
-    
+
+{{logo ![](/assets/naturalCritLogo.svg)}}
 \page`;
 };
\ No newline at end of file
diff --git a/themes/V3/5ePHB/style.less b/themes/V3/5ePHB/style.less
index bdaabc738..78fcc687d 100644
--- a/themes/V3/5ePHB/style.less
+++ b/themes/V3/5ePHB/style.less
@@ -788,56 +788,58 @@ h5 + table{
 // *****************************/
 .page:has(.insideCover) {
 	h1 {
-		font-family: NodestoCapsCondensed;
-		font-weight: normal;
-		font-size: 2.1cm;
-		text-align: center;
-		text-transform: uppercase;
-		line-height: 2cm;
-		position: absolute;
-		top: 3.2cm;
-		left: 50%;
-		translate: -50% 0;
-		width: max-content;
+		font-family		: NodestoCapsCondensed;
+		font-weight		: normal;
+		font-size		: 2.1cm;
+		text-align		: center;
+		text-transform	: uppercase;
+		line-height		: 2cm;
+		position		: absolute;
+		top				: 3.2cm;
+		left			: 50%;
+		translate		: -50% 0;
+		width			: max-content;
 	}
 
 	hr {
-		visibility: visible;
-		height: 0.3cm;
-		width: 12cm;
-		position: absolute;
-		left: 50%;
-		top: 6cm;
-		translate: -50% 0;
-		background-image: @horizontalRule;
-		background-size: 100%;
-		border: none;
+		visibility			: visible;
+		height				: 0.3cm;
+		width				: 12cm;
+		position			: absolute;
+		left				: 50%;
+		top					: 6cm;
+		translate			: -50% 0;
+		background-image	: @horizontalRule;
+		background-size		: 100%;
+		border				: none;
 	}
 
-	img {
-		position: absolute;
-		left: 60%;
-		top: 20%;
-		translate: -50% 0;
-		min-width: 100%;
-		mask-image: @insideCoverMask;
-		mask-repeat: no-repeat;
-		-webkit-mask-image: @insideCoverMask;
-		-webkit-mask-repeat: no-repeat;
+	.columnWrapper > p img {
+		position			: absolute;
+		left				: 60%;
+		top					: 20%;
+		translate			: -50% 0;
+		min-width			: 100%;
+		mask-image			: @insideCoverMask;
+		mask-repeat			: no-repeat;
+		-webkit-mask-image	: @insideCoverMask;
+		-webkit-mask-repeat	: no-repeat;
 	}
 
 	.logo {
-		position: absolute;
-		bottom: 1cm;
-		left: 50%;
-		translate: -50% 0;
-		width: 2cm;
-		height: 2cm;
-		background-image: @naturalCritLogo;
+		position : absolute;
+		bottom   : 1cm;
+		left	 : 0;
+		right	 : 0;
+		height	 : 2cm;
+		img {
+			height : 2cm;
+			width  : 100%;
+		}
 	}
 
 	&::after {
-		all: unset;
+		all	: unset;
 	}
 }