From 7eb68c9eb78948c33c4e3d1fef4442eec71d802b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=88=87ince?= <vince-roll20@users.noreply.github.com>
Date: Thu, 23 Jan 2025 10:18:55 -0800
Subject: [PATCH] bailed on my flex column approach for all props.  Going back
 to  inline-block so that line breaks within the roll template work as
 expected without special handling.

---
 ADnD_1E_Revised/1ESheet.css | 23 ++++++-----------------
 1 file changed, 6 insertions(+), 17 deletions(-)

diff --git a/ADnD_1E_Revised/1ESheet.css b/ADnD_1E_Revised/1ESheet.css
index 39fe2cc52c..39e6479882 100644
--- a/ADnD_1E_Revised/1ESheet.css
+++ b/ADnD_1E_Revised/1ESheet.css
@@ -3769,7 +3769,7 @@ details[open].thac0-box {
 .sheet-rolltemplate-attacks a[href^='`~'],
 .sheet-rolltemplate-general a[href^='`~'] {
   color: inherit;
-  display: inherit;
+  display: inline-block;
   font-weight: normal;
   margin-block: 1px;
   text-decoration: underline 1px solid #999;
@@ -3781,6 +3781,7 @@ details[open].thac0-box {
 .sheet-rolltemplate-general a[href^='http'] {
   color: var(--link-hover);
   cursor: pointer;
+  display: inline-block;
   font-weight: bold;
   margin: 2px 0 2px;
   padding: 0 2px 0 2px;
@@ -4291,8 +4292,8 @@ details[open].thac0-box {
 /* left */
 .sheet-rolltemplate-attacks .sheet-row.sheet-all-props .sheet-tcat:not(:empty):has(+ span br),
 .sheet-rolltemplate-general .sheet-row.sheet-all-props .sheet-tcat:not(:empty):has(+ span br) {
-  align-items: flex-start;
-  display: inline-flex;
+  display: inline-block;
+  grid-column: 1/-1;
   text-align: left;
   white-space: normal;
 }
@@ -4315,6 +4316,7 @@ details[open].thac0-box {
 /* center */
 .sheet-rolltemplate-attacks .sheet-row.sheet-all-props span.sheet-tcat:has(+ span:empty),
 .sheet-rolltemplate-general .sheet-row.sheet-all-props span.sheet-tcat:has(+ span:empty) {
+  display: inline-block;
   align-items: center;
   grid-column: 1/-1;
   margin-inline: auto;
@@ -4325,25 +4327,12 @@ details[open].thac0-box {
 /* right */
 .sheet-rolltemplate-attacks .sheet-row.sheet-all-props span:empty + span,
 .sheet-rolltemplate-general .sheet-row.sheet-all-props span:empty + span {
-  align-items: flex-end;
-  flex-direction: column;
-  flex-wrap: wrap;
+  display: inline-block;
   grid-column: 1/-1;
   margin-inline: auto;
   margin-right: 0;
 }
 
-/* collapse the line breaks inside flex container */
-.sheet-rolltemplate-attacks .sheet-row.sheet-all-props span > br,
-.sheet-rolltemplate-general .sheet-row.sheet-all-props span > br {
-  display: none;
-}
-
-.sheet-rolltemplate-attacks .sheet-row.sheet-all-props span > br + br,
-.sheet-rolltemplate-general .sheet-row.sheet-all-props span > br + br {
-  display: inline;
-}
-
 .sheet-rolltemplate-general .sheet-row:has(.sheet-span-two:empty):not(:last-child) {
   display: none;
 }