From 04a30a70b980db4d2268816702779a1dfd1e32f4 Mon Sep 17 00:00:00 2001
From: Byroks <byroks@gmail.com>
Date: Wed, 6 Dec 2023 16:08:08 +0100
Subject: [PATCH] Minor Style Changes

---
 source/style/Character-sheet.less   | 32 ++++++++++++-----------
 templates/sheets/character/main.hbs | 40 +++++++++++++++++------------
 2 files changed, 40 insertions(+), 32 deletions(-)

diff --git a/source/style/Character-sheet.less b/source/style/Character-sheet.less
index 6042772..c1a8895 100644
--- a/source/style/Character-sheet.less
+++ b/source/style/Character-sheet.less
@@ -8,12 +8,12 @@
 	}
 
 	h3 {
-		padding: 0.5rem 0.5rem 0.5rem 0.5rem ;
+		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
 		text-align: left;
 		font-weight: bold;
 		background-color: dimgray;
 		color: white;
-		}
+	}
 
 	.sheet.character {
 		form {
@@ -40,7 +40,7 @@
 		.description {
 			flex: 0 0 100%;
 			margin: 0;
-		}		  
+		}
 	}
 
 	.sheet-navigation {
@@ -68,9 +68,10 @@
 
 	table {
 		background-color: beige;
-	} 
+	}
 
-	td, th {
+	td,
+	th {
 		padding: 0 0.5rem 0 0.5rem;
 		text-align: left;
 
@@ -83,7 +84,7 @@
 			text-align: center;
 		}
 
-		&.attribute{
+		&.attribute {
 			text-align: center;
 			font-weight: bold;
 		}
@@ -96,16 +97,17 @@
 			text-align: center;
 			font-weight: bold;
 			height: 50px;
+			width: 50px;
 		}
 
 		&.title {
-			padding: 0.5rem 0.5rem 0.5rem 0.5rem ;
+			padding: 0.5rem 0.5rem 0.5rem 0.5rem;
 			text-align: left;
 			font-weight: bold;
 			background-color: dimgray;
-		  }
+		}
 	}
-	
+
 	input.skill {
 		width: 5rem;
 	}
@@ -117,7 +119,7 @@
 	.new-skill {
 		font-style: italic;
 		background: rgba(0, 0, 0, 0.3);
-		color:rgba(255, 255, 255);
+		color: rgba(255, 255, 255);
 
 		button {
 			background: rgba(255, 255, 255, 0.5);
@@ -133,7 +135,7 @@
 	}
 
 	span.spell-process {
-		color:rgb(93, 93, 93);
+		color: rgb(93, 93, 93);
 		font-style: italic;
 	}
 
@@ -183,7 +185,7 @@
 	}
 
 	.attributes {
-		padding: 0.5rem 0.5rem 0.5rem 0.5rem ;
+		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
 		display: flex;
 		flex-direction: row;
 		margin-bottom: 0.5rem;
@@ -195,7 +197,7 @@
 			border: 1px solid @attributeBorderColor;
 			//border-bottom: none;
 			border-radius: 10;
-			
+
 			display: flex;
 			flex-direction: column;
 
@@ -207,7 +209,7 @@
 
 				font-weight: bold;
 				background-color: @attributeBorderColor;
-				color:rgba(255, 255, 255, 1);
+				color: rgba(255, 255, 255, 1);
 
 				//font-size: 1.0rem;
 				height: 2.5rem;
@@ -244,4 +246,4 @@
 			}
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/templates/sheets/character/main.hbs b/templates/sheets/character/main.hbs
index 16b76fe..3ef4ec3 100644
--- a/templates/sheets/character/main.hbs
+++ b/templates/sheets/character/main.hbs
@@ -4,16 +4,19 @@
 			<tr height = 5px></tr>
 			<tr>
 				<td style="text-align: left;" colspan="4" rowspan="2"><img  style="border: 0px solid black;" src="/systems/midgard5/assets/icons/logo/midgard.webp" alt="Midgard"></td>
+				<td></td>
 				<td colspan="5" style="font-size: x-large; font-weigh: bold;"><input name="name" type="text" value="{{actor.name}}" data-dtype="String"  /></td>
 				<td style="font-size: x-large; font-weigh: bold; text-align: center; text-align-vertical: middle;" ><div style="border: 2px solid black; border-radius: 10px; background-color: white;">{{data.calc.level}}</div></td>
 			</tr>
 			<tr>
+				<td></td>
 				<td colspan="5"><b>Name</b></td>
 				<td style="text-align: center;"><b>Grad</b></td>		
 			</tr>
 			<tr height = 10px></tr>
 			<tr>
 				<td rowspan="8" width=128><img style="max-width: 128px; height: 160px; border: 0px solid black;" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" /></td>
+				<td></td>
 				<td colspan="3">
 					<input list="races" type="search" name="data.info.race" value="{{data.info.race}}" />
 					<datalist id="races">
@@ -28,14 +31,15 @@
 				<td colspan="3"><b><input name="data.info.occupation" type="text" value="{{data.info.occupation}}" data-dtype="String" /></b></td>
 			</tr>
 			<tr>
+				<td></td>
 				<td colspan="3"><b>{{localize "midgard5.race"}}</b></td>
 				<td colspan="3"><b>{{localize "midgard5.class"}}</b></td>
 				<td colspan="3"><b>{{localize "midgard5.occupation"}}</b></td>
 			</tr>
 			<tr height = 10px></tr>
 			<tr>
-				<td><b>{{localize "midgard5.actor-lp-short"}}</b></td>
-				<td colspan="8">
+				<td style="text-align: right"><b>{{localize "midgard5.actor-lp-short"}}</b></td>
+				<td colspan="9">
 					<div class="health-bar">
 						<input name="data.lp.value" type="text" value="{{data.lp.value}}" data-dtype="Number" />
 						{{#times data.lp.max}}
@@ -50,8 +54,8 @@
 				</td>
 			</tr>
 			<tr>
-				<td><b>{{localize "midgard5.actor-ap-short"}}</b></td>
-				<td colspan="8">
+				<td style="text-align: right"><b>{{localize "midgard5.actor-ap-short"}}</b></td>
+				<td colspan="9">
 					<div class="health-bar">
 						<input name="data.ap.value" type="text" value="{{data.ap.value}}" data-dtype="Number" />
 						{{#times data.ap.max}}
@@ -68,25 +72,27 @@
 			<tr height = 10px></tr>
 			<tr>
 				<td class="attribute">{{localize "midgard5.actor-st"}}</td>
-				<td class="attribute">{{localize "midgard5.actor-ko"}}</td>
-				<td class="attribute">{{localize "midgard5.actor-au"}}</td>
 				<td class="attribute">{{localize "midgard5.actor-gs"}}</td>
-				<td class="attribute">{{localize "midgard5.actor-in"}}</td>
-				<td class="attribute">{{localize "midgard5.actor-pa"}}</td>
+				<td class="attribute">{{localize "midgard5.actor-ko"}}</td>
 				<td class="attribute">{{localize "midgard5.actor-gw"}}</td>
+				<td class="attribute">{{localize "midgard5.actor-in"}}</td>
 				<td class="attribute">{{localize "midgard5.actor-zt"}}</td>
+				<td class="attribute">{{localize "midgard5.actor-au"}}</td>
+				<td class="attribute">{{localize "midgard5.actor-pa"}}</td>
 				<td class="attribute">{{localize "midgard5.actor-wk"}}</td>
+				<td class="attribute">{{localize "midgard5.actor-git"}}</td>
 			</tr>
 			<tr>
-				<td class="attribute-value">{{data.calc.attributes.st.value}}</td>
-				<td class="attribute-value">{{data.calc.attributes.ko.value}}</td>
-				<td class="attribute-value">{{data.calc.attributes.au.value}}</td>
-				<td class="attribute-value">{{data.calc.attributes.gs.value}}</td>
-				<td class="attribute-value">{{data.calc.attributes.in.value}}</td>
-				<td class="attribute-value">{{data.calc.attributes.pa.value}}</td>
-				<td class="attribute-value">{{data.calc.attributes.gw.value}}</td>
-				<td class="attribute-value">{{data.calc.attributes.zt.value}}</td>
-				<td class="attribute-value">{{data.calc.attributes.wk.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="st" data-value="{{data.calc.attributes.st.value}}">{{data.calc.attributes.st.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="gs" data-value="{{data.calc.attributes.gs.value}}">{{data.calc.attributes.gs.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="gw" data-value="{{data.calc.attributes.gw.value}}">{{data.calc.attributes.gw.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="ko" data-value="{{data.calc.attributes.ko.value}}">{{data.calc.attributes.ko.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="in" data-value="{{data.calc.attributes.in.value}}">{{data.calc.attributes.in.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="zt" data-value="{{data.calc.attributes.zt.value}}">{{data.calc.attributes.zt.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="au" data-value="{{data.calc.attributes.au.value}}">{{data.calc.attributes.au.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="pa" data-value="{{data.calc.attributes.pa.value}}">{{data.calc.attributes.pa.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="wk" data-value="{{data.calc.attributes.wk.value}}">{{data.calc.attributes.wk.value}}</td>
+				<td class="attribute-value roll-attribute-button" data-attribute="git" data-value="{{data.calc.stats.poisonResistance.value}}">{{data.calc.stats.poisonResistance.value}}</td>
 			</tr>
 			<tr height = 5px></tr>
 		</table>