From 2493d3353a6960ab03ec12524ea6c4188295ec18 Mon Sep 17 00:00:00 2001
From: nicfreeman1209 <nicfreeman1209@gmail.com>
Date: Thu, 1 Apr 2021 09:31:37 +0100
Subject: [PATCH 1/3] make reference sheet fit to screen in single col mode

---
 src/components/modals/ReferenceModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/modals/ReferenceModal.vue b/src/components/modals/ReferenceModal.vue
index 5c670a5..a4e90f2 100644
--- a/src/components/modals/ReferenceModal.vue
+++ b/src/components/modals/ReferenceModal.vue
@@ -231,7 +231,7 @@ ul {
   }
   ul {
     li {
-      .icon { width: 6vh; }
+      .icon { width: 5.1vh; }
       .role { line-height: 100%; }
       .name { font-size: 100%; }
       .player { font-size: 100%; }

From b936cd228645d7aab2f9c46a40dfea21111783bd Mon Sep 17 00:00:00 2001
From: nicfreeman1209 <nicfreeman1209@gmail.com>
Date: Thu, 1 Apr 2021 09:41:09 +0100
Subject: [PATCH 2/3] Update CHANGELOG.md

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3f9893e..ab68428 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,7 @@
 # Release Notes
 
+- tweak reference sheet to better fit screen in single column layout
+
 ### Version 2.11.0
 - new design for character reference sheet
 - automatically switch to grimoire view when joining a session through a link

From 3c849942fe1ed8c6ae59caf289707cba919b80fd Mon Sep 17 00:00:00 2001
From: nicfreeman1209 <nicfreeman1209@gmail.com>
Date: Thu, 1 Apr 2021 22:37:48 +0100
Subject: [PATCH 3/3] apply only when maximized

---
 src/components/modals/ReferenceModal.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/modals/ReferenceModal.vue b/src/components/modals/ReferenceModal.vue
index a4e90f2..8720a88 100644
--- a/src/components/modals/ReferenceModal.vue
+++ b/src/components/modals/ReferenceModal.vue
@@ -231,7 +231,7 @@ ul {
   }
   ul {
     li {
-      .icon { width: 5.1vh; }
+      .icon { width: 6vh; }
       .role { line-height: 100%; }
       .name { font-size: 100%; }
       .player { font-size: 100%; }
@@ -240,6 +240,13 @@ ul {
   }
 }
 
+/** trim icon size on maximized one-column sheet **/
+@media screen and (max-width: 991.98px) {
+  .characters .modal.maximized ul li .icon {
+    width: 5.1vh;
+  }
+}
+
 /** hide players when town square is set to "public" **/
 #townsquare.public ~ .characters .modal .player {
   display: none;