# Update

## New Features Added
* Profit and Loss Tab
* Expanded functionality in inventory.
There are now repeating fields for bags/locations
that will allow users to specify where items they
own are.
* titles are being given to many attributes so the
name of said attributes can be known easily to players,

Table Top Defined/Table_Top_Defined.css

@@ -162,7 +162,8 @@
 .charsheet .sheet-abilities,
 .charsheet .sheet-spells,
 .charsheet .sheet-accessories,
-.charsheet .sheet-inventory{
+.charsheet .sheet-inventory,
+.charsheet .sheet-profitloss{
     display: none;
     text-align: center;
 }
@@ -174,7 +175,8 @@
 .charsheet .sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities,
 .charsheet .sheet-tabstoggle[value="spells"] ~ div.sheet-spells,
 .charsheet .sheet-tabstoggle[value="accessories"] ~ div.sheet-accessories,
-.charsheet .sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory{
+.charsheet .sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory,
+.charsheet .sheet-tabstoggle[value="profitloss"] ~ div.sheet-profitloss{
     display: grid;
     width: 800px;
 }
@@ -278,6 +280,16 @@
     width: 100%;
 }
 
+.row-footer{
+    background-color: #323232;
+    color: #FFFFFF;
+    font-weight: bold;
+    font-size: medium;
+    text-align: center;
+    border-radius: 0 0 10px 10px;
+    width: 100%;
+}
+
 .row-header-dark{
     background-color: #000000;
     color: #FFFFFF;
@@ -1129,7 +1141,7 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     text-align: center;
     justify-content: center;
     grid-template-columns: 1fr;
-    padding: 0;
+    padding: 0 0 5px 0;
     grid-template-rows: auto auto;
     gap: 0 0;
     grid-template-areas:
@@ -1153,33 +1165,47 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     grid-area: Column-I;
 }
 
-.charsheet .repcontainer[data-groupname="repeating_maininventory"] > div:nth-child(odd){
+.charsheet .repcontainer[data-groupname="repeating_maininventory"] > div:nth-child(odd),
+.charsheet .repcontainer[data-groupname="repeating_locationtotals"] > div:nth-child(odd),
+.charsheet .repcontainer[data-groupname="repeating_profitloss"] > div:nth-child(odd){
     background-color: #D0D0D0;
 }
 
+
 .bag-grid{
     width: 100%;
+    margin: auto;
     display: grid;
-    grid-template-columns: auto auto auto auto;
+    grid-template-columns: auto auto auto auto auto;
     grid-template-rows: auto;
     gap: 0 40px;
-    grid-template-areas: "name quantity piece-weight total-weight";
+    grid-template-areas: "location name quantity piece-weight total-weight";
     justify-content: center;
-    align-items: center;
+    align-items: end;
     text-align: center;
     border-bottom: 1px solid black;
 }
 
-.ui-dialog .charsheet .name textarea{
-    min-height: 18px;
-    height: 18px;
+.ui-dialog .charsheet .name textarea,
+.ui-dialog .charsheet .location textarea{
+    min-height: 22px;
+    height: 22px;
     width: 240px;
     text-align: center;
     resize: vertical;
     margin: auto;
     display: block;
-    padding-top: 3px;
-    padding-bottom: 3px;
+    padding: 0
+}
+
+.inventory-location[value="0"] ~ div.location{
+    background-color: #920a15;
+}
+
+.location input[type=text]{
+    height: 24px;
+    width: 64px;
+    text-align: center;
 }
 
 .quantity input[type=text]{
@@ -1390,3 +1416,12 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
 }
 
 /*</editor-fold>*/
+
+/*<editor-fold desc="P&L">*/
+.sheet-profitloss{
+    width: 800px;
+    border-radius: 12px;
+    border: 1px solid;
+    overflow: clip;
+}
+/*</editor-fold>*/