From 89f4535399be423de77ca44ebb3cccbc83356c19 Mon Sep 17 00:00:00 2001
From: plexsoup <sdanic@gmail.com>
Date: Tue, 7 Mar 2017 02:37:58 -0800
Subject: [PATCH] Cosmetic Changes

Made textarea fields bigger
---
 The Veil/dev/TheVeil.css  | 75 ++++++++++++++++++++++++++++++---------
 The Veil/dev/TheVeil.html | 61 +++++++++++++++++++++----------
 2 files changed, 100 insertions(+), 36 deletions(-)

diff --git a/The Veil/dev/TheVeil.css b/The Veil/dev/TheVeil.css
index a2bba8ad5d..69820836bd 100644
--- a/The Veil/dev/TheVeil.css	
+++ b/The Veil/dev/TheVeil.css	
@@ -514,19 +514,22 @@ div.sheet-titleSmallBoxesBottom div {
 	width: 90%;	
 }
 
-.sheet-container div.repitem:nth-of-type(even) h2 {
+.sheet-container div.sheet-tab1 div.repitem:nth-of-type(even) h2,
+.sheet-container div.sheet-tab2 div.repitem:nth-of-type(even) h2 {
 	text-align: right;
 	border-bottom: 6px solid;
 	border-left: 12px solid transparent !important;
 	border-right: 0;
 	/* margin-right: -30%; */
 }
-.sheet-container div.repitem:nth-of-type(even) h2 input[type="text"] {
+.sheet-container div.sheet-tab1 div.repitem:nth-of-type(even) h2 input[type="text"],
+.sheet-container div.sheet-tab2 div.repitem:nth-of-type(even) h2 input[type="text"] {
 	text-align: right;
 }
 
 
-.sheet-container div.repitem:nth-of-type(odd) h2 {
+.sheet-container div.sheet-tab1 div.repitem:nth-of-type(odd) h2,
+.sheet-container div.sheet-tab2 div.repitem:nth-of-type(odd) h2 {
 	border-bottom: 6px solid;
 	border-right: 12px solid transparent !important;
 	border-left: 0;
@@ -534,7 +537,8 @@ div.sheet-titleSmallBoxesBottom div {
 }
 
 
-.sheet-container h2.sheet-AlternateElement {
+.sheet-container div.sheet-tab1 h2.sheet-AlternateElement,
+.sheet-container div.sheet-tab2 h2.sheet-AlternateElement {
 	
 	left: 35%;	
 	text-align: right;
@@ -594,7 +598,8 @@ div.sheet-2columns div.sheet-sidebar {
 }
 
 div.sheet-majorMainColumn {
-    width: calc(100% - 130px);
+    width: calc(100% - 75px);
+	margin-right: -100px;
     vertical-align: top;
     display: inline-block;
 	
@@ -616,15 +621,16 @@ div.sheet-columnThirds {
 	text-align: center;
 }
 
-div.sheet-columnHalves {
+div.sheet-tab-content > div.sheet-columnHalves {
 	display: inline-block;
 	width: calc(50% - 5px);
 	vertical-align: top;
-	text-align: center;
+	/* text-align: center; */
+	text-align: left; 
 }
 
 div.sheet-columnHalves div {
-	width: calc(100% - 4px);
+	width: 100%;
 }
 
 div.sheet-verticalStates {
@@ -656,8 +662,15 @@ div.sheet-verticalStates {
 	
 }
 
-.sheet-columnHalves div.repitem {
-	width: calc(50% - 4px);
+.sheet-columnHalves div.sheet-miscNotes div.repitem {
+	width: 50%;
+}
+.sheet-columnHalves div.sheet-miscNotes div.repitem textarea {
+	width: 100%;
+}
+
+.sheet-columnHalves h2 {
+	width: calc(50% - 11px);
 }
 
 img.sheet-spanColumns {
@@ -687,15 +700,26 @@ _/      _/_/_/_/  _/      _/      _/      _/    _/  _/    _/  _/_/_/_/  _/    _/
 
 textarea {
     height: 50px;
-	width: 95%;
-    margin-top: 2px;
-	margin-bottom: 0px;
+	width: calc(100% - 11px); 
+	
+	resize: both;
+	min-width: 20px;
+	max-width: 100%;
+	min-height: 50px;
+    margin-top: 1px;
+	margin-bottom: 1px;
+	margin-left: 2px;
+	margin-right: 2px;
     font-size: x-small;
 	line-height: 1.25em;
 	background: rgba(128, 128, 128, 0.3) !important;
 }
 
-
+.sheet-columnHalves div.sheet-miscNotes textarea {
+	resize: vertical;
+	padding: 0;
+	margin: 0;
+}
 
 
 input.sheet-narrowInput {
@@ -724,6 +748,23 @@ input.sheet-narrowInput {
 	vertical-align: top;
 }
 
+.sheet-miscNotes > div h2 {
+	min-width: 75px;
+	width: 100px;
+}
+
+div.sheet-tab3 div.sheet-miscNotes h2 {
+	width: 175px;
+	text-align: left;
+	border-bottom: 6px solid;
+	border-right: 12px solid transparent !important;
+	border-left: 0 !important;	
+}
+
+div.sheet-tab3 div.sheet-miscNotes h2 input[type="text"] {
+	text-align: left !important;
+}
+
 
 .sheet-playbook {
 	padding-top: 10px;
@@ -1002,7 +1043,7 @@ input.sheet-emotionSpikeIncrementor[type="checkbox"] + span + span {
 	position: absolute;
 	z-index: 2;
 	bottom: 0;
-	margin-left: 5px; 
+	margin-left: -5px; 
 	background-color: grey;
 	border: 0;	
 }
@@ -1255,8 +1296,8 @@ div.sheet-tab-content
 	border-top-color: inherit;
     border-left: 5px solid transparent !important;
     border-right: 5px solid transparent !important;
-    margin: 4px 0 0 5px;
-    padding: 5px;
+    margin: 0;
+    padding: 0;
 	padding-top: 15px;
     font-family: "Arial", "Helvetica", sans-serif;
     letter-spacing: 0.05em;
diff --git a/The Veil/dev/TheVeil.html b/The Veil/dev/TheVeil.html
index 4c631c9fbe..f5305f174a 100644
--- a/The Veil/dev/TheVeil.html	
+++ b/The Veil/dev/TheVeil.html	
@@ -1040,7 +1040,7 @@ _/    _/  _/_/_/_/  _/    _/  _/_/_/    _/_/_/_/  _/    _/
 
 			<div class="sheet-miscNotes">
 				<fieldset class="repeating_Notes">
-					<div style="display: inline-block">
+					<div>
 						<h2>								
 							<input type="text" name="attr_NoteTitle" class="sheet-playbookDetailTitle" placeholder="Note Title"/>
 						</h2>				
@@ -1068,19 +1068,8 @@ _/    _/  _/_/_/_/  _/    _/  _/_/_/    _/_/_/_/  _/    _/
 		<div class="sheet-tab-content sheet-tab4">
 
 			<div class="sheet-columnHalves">
-				<div class="sheet-miscNotes">
-				
-					<h2>ENVIRONMENT</h2>
-					
-					<div class="sheet-environmentNotes">
-						<fieldset class="repeating_Environment">
-							<textarea name="attr_environmentNote" rows="2" placeholder="Environment Notes" ></textarea>
-						</fieldset>
-					</div>
 
-				</div>
 				<div class="sheet-miscNotes">
-					
 					<h2>ASSUMPUTIONS</h2>
 					<div class="sheet-assumptionsNotes">
 						<fieldset class="repeating_Assumptions">
@@ -1088,6 +1077,26 @@ _/    _/  _/_/_/_/  _/    _/  _/_/_/    _/_/_/_/  _/    _/
 						</fieldset>
 					</div>
 				</div>
+
+
+				<div class="sheet-miscNotes">
+					<h2>ENVIRONMENT</h2>
+					<div class="sheet-environmentNotes">
+						<fieldset class="repeating_Environment">
+							<textarea name="attr_environmentNote" rows="2" placeholder="Environment Notes" ></textarea>
+						</fieldset>
+					</div>
+				</div>
+
+				<div class="sheet-miscNotes">
+					<h2>CULTURE & SOCIETY</h2>
+					<div class="sheet-cultureNotes">
+						<fieldset class="repeating_Culture">
+							<textarea name="attr_cultureNote" rows="2" placeholder="Culture & Society Notes" ></textarea>
+						</fieldset>
+					</div>
+				</div>
+				
 				
 				<div class="sheet-miscNotes">
 					
@@ -1120,15 +1129,26 @@ _/    _/  _/_/_/_/  _/    _/  _/_/_/    _/_/_/_/  _/    _/
 						</fieldset>
 					</div>
 				</div>
-				<div class="sheet-miscNotes">
-					
-					<h2>CULTURE & SOCIETY</h2>
-					<div class="sheet-cultureNotes">
-						<fieldset class="repeating_Culture">
-							<textarea name="attr_cultureNote" rows="2" placeholder="Culture & Society Notes" ></textarea>
+
+				<div class="sheet-miscNotes">				
+					<h2>THREATS / ANTAGONISTS</h2>	
+					<div class="sheet-threatNotes">
+						<fieldset class="repeating_threats">
+							<textarea name="attr_threatNote" rows="2" placeholder="Threat, Front, or Antogonist" ></textarea>
 						</fieldset>
 					</div>
 				</div>
+				
+				<div class="sheet-miscNotes">				
+					<h2>EVENTS</h2>	
+					<div class="sheet-eventNotes">
+						<fieldset class="repeating_events">
+							<textarea name="attr_eventNote" rows="2" placeholder="Event: actual or potential" ></textarea>
+						</fieldset>
+					</div>
+				</div>
+				
+				
 				<div class="sheet-miscNotes">
 					<h2>NOTES</h2>
 					<div class="sheet-miscNotes">
@@ -1137,7 +1157,10 @@ _/    _/  _/_/_/_/  _/    _/  _/_/_/    _/_/_/_/  _/    _/
 							<textarea name="attr_miscNote" rows="2" placeholder="Misc Notes" ></textarea>
 						</fieldset>
 					</div>
-				</div>				
+				</div>		
+
+				
+				
 			</div>
 		</div>
 	</div> <!-- sheet-mainColumn -->