From 0561367d80a9b1d4b9cbae1a235b12239a92ad51 Mon Sep 17 00:00:00 2001
From: sdenec <hallo@stefandenecke.de>
Date: Mon, 11 Jan 2021 08:31:24 +0100
Subject: [PATCH] image popout fix

---
 src/_scss/partials/_portrait.scss        | 2 ++
 src/css/tidy5e.css                       | 2 ++
 src/templates/actors/tidy5e-npc.html     | 4 ++--
 src/templates/actors/tidy5e-sheet.html   | 4 ++--
 src/templates/actors/tidy5e-vehicle.html | 4 ++--
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/_scss/partials/_portrait.scss b/src/_scss/partials/_portrait.scss
index c94b952a..c5a435dc 100644
--- a/src/_scss/partials/_portrait.scss
+++ b/src/_scss/partials/_portrait.scss
@@ -61,6 +61,8 @@
 				line-height: 1;
 				font-size: 12px;
 				border: 1px solid var(--light-color);
+				border-radius: 5px;
+				text-align: center;
 
 				&:hover {
 					background: var(--background);
diff --git a/src/css/tidy5e.css b/src/css/tidy5e.css
index bd8d7437..9eb16aa1 100644
--- a/src/css/tidy5e.css
+++ b/src/css/tidy5e.css
@@ -281,6 +281,8 @@
   line-height: 1;
   font-size: 12px;
   border: 1px solid var(--light-color);
+  border-radius: 5px;
+  text-align: center;
 }
 
 .tidy5e.sheet.actor .portrait .portrait-menu .showActorArt:hover {
diff --git a/src/templates/actors/tidy5e-npc.html b/src/templates/actors/tidy5e-npc.html
index 925864bd..04f2ea37 100644
--- a/src/templates/actors/tidy5e-npc.html
+++ b/src/templates/actors/tidy5e-npc.html
@@ -8,8 +8,8 @@
           <div class="portrait">
             <img class="player-image" src="{{actor.img}}" alt="{{actor.name}}" title="{{ localize 'TIDY5E.EditActorImage' }} / {{ localize 'TIDY5E.ShowActorImage' }}" data-edit="img">
 						<div class="portrait-menu hidden">
-							<button class="showActorArt" id="showPortrait">{{ localize 'TIDY5E.ShowPortraitArt' }}</button>
-							<button class="showActorArt" id="showToken">{{ localize 'TIDY5E.ShowTokenArt' }}</button>
+							<a class="showActorArt" id="showPortrait">{{ localize 'TIDY5E.ShowPortraitArt' }}</a>
+							<a class="showActorArt" id="showToken">{{ localize 'TIDY5E.ShowTokenArt' }}</a>
 						</div>
           </div>
 
diff --git a/src/templates/actors/tidy5e-sheet.html b/src/templates/actors/tidy5e-sheet.html
index 0c871a4d..1f982674 100644
--- a/src/templates/actors/tidy5e-sheet.html
+++ b/src/templates/actors/tidy5e-sheet.html
@@ -26,8 +26,8 @@
 					<div class="portrait">
 						<img class="player-image" src="{{actor.img}}" alt="{{actor.name}}" title="{{ localize 'TIDY5E.EditActorImage' }} / {{ localize 'TIDY5E.ShowActorImage' }}" data-edit="img">
 						<div class="portrait-menu hidden">
-							<button class="showActorArt" id="showPortrait">{{ localize 'TIDY5E.ShowPortraitArt' }}</button>
-							<button class="showActorArt" id="showToken">{{ localize 'TIDY5E.ShowTokenArt' }}</button>
+							<a class="showActorArt" id="showPortrait">{{ localize 'TIDY5E.ShowPortraitArt' }}</a>
+							<a class="showActorArt" id="showToken">{{ localize 'TIDY5E.ShowTokenArt' }}</a>
 						</div>
 					</div>
 					{{!-- HP Overlay --}}
diff --git a/src/templates/actors/tidy5e-vehicle.html b/src/templates/actors/tidy5e-vehicle.html
index d90c9381..73f4903b 100644
--- a/src/templates/actors/tidy5e-vehicle.html
+++ b/src/templates/actors/tidy5e-vehicle.html
@@ -9,8 +9,8 @@
           <div class="portrait">
             <img class="player-image" src="{{actor.img}}" alt="{{actor.name}}" title="{{ localize 'TIDY5E.EditActorImage' }} / {{ localize 'TIDY5E.ShowActorImage' }}" data-edit="img">
 						<div class="portrait-menu hidden">
-							<button class="showActorArt" id="showPortrait">{{ localize 'TIDY5E.ShowPortraitArt' }}</button>
-							<button class="showActorArt" id="showToken">{{ localize 'TIDY5E.ShowTokenArt' }}</button>
+							<a class="showActorArt" id="showPortrait">{{ localize 'TIDY5E.ShowPortraitArt' }}</a>
+							<a class="showActorArt" id="showToken">{{ localize 'TIDY5E.ShowTokenArt' }}</a>
 						</div>
           </div>
           {{!-- HP Overlay --}}