[GURPS] Repeating Row Problem

I have a problem with my repeating section of the Active Defense of the GURPS character sheet I am using. Whenever I add a row it seems to disable the row above the newly added one. My HTML and CSS fu is weak and I humbly request the help of a master. GURPS Character Sheet Edit <!-- _____ _____ ACTIVE DEFENSE BOX _____ _____ --> <div> <div> <div> <div>Active Defenses</div> <div>Type</div> <div> <div>Info</div> <span> <strong>F</strong>: this is a fencing weapon. <br /> <strong>U</strong>: the weapon is unbalanced. You cannot use it to<br /> parry if you've already attacked with it this turn<br /> (and vice versa). </span> </div> <div>Skill</div> </div> <!-- .sheet-header --> <div> <div>Dodge</div> <div>Dodge</div> <div></div> <div><input type="text" name="attr_ad_dodge_skill" value="@{dodge}" disabled="disabled" /></div> <div> <button type="roll" value="@{roll} [[3d6]] @{VS} Dodge [[@{dodge} + @{modifier}]]" name="roll_vsDodge" /> </div> </div> <!-- .sheet-row --> <div> <div>Dodge and Retreat</div> <div>Dodge</div> <div></div> <div><input type="text" name="attr_ad_dodge_skill" value="@{dodge} + 3" disabled="disabled" /></div> <div> <button type="roll" value="@{roll} [[3d6]] @{VS} Dodge and Retreat [[@{dodge} + @{modifier} + 3]]" name="roll_vsDodge" /> </div> </div> <!-- .sheet-row --> <fieldset> <div> <div> <input type="text" name="attr_name" /> </div> <div> <select name="attr_type"> <option>Dodge</option> <option>Parry</option> <option>Block</option> <option>Magic</option> <option>Other</option> </select> </div> <div> <input type="text" name="attr_skill" /> </div> <div> <button type="roll" value="@{roll} [[3d6]] @{VS} @{name} [[@{skill} + @{modifier}]]" name="roll_vsSL" /> </div> </div> <!-- .sheet-row --> </fieldset> <!-- .repeating_defense --> </div> <!-- .sheet-table --> </div> <!-- .sheet-box .sheet-active-defense -->

One thing that jumps out; all repeating sections (fieldset) require class="repeating_X" where X is the name of your repeating section. ( <a href="https://wiki.roll20.net/Building_Character_Sheets#Repeating_Sections" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#Repeating_Sections</a> ) &nbsp;;-)

&lt;fieldset class="repeating_defense"&gt; &lt;div&gt; &lt;div&gt; &lt;input type="text" name="attr_name" /&gt; &lt;/div&gt; &lt;div&gt; &lt;select name="attr_type"&gt; &lt;option&gt;Dodge&lt;/option&gt; &lt;option&gt;Parry&lt;/option&gt; &lt;option&gt;Block&lt;/option&gt; &lt;option&gt;Magic&lt;/option&gt; &lt;option&gt;Other&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div&gt; &lt;input type="text" name="attr_skill" /&gt; &lt;/div&gt; &lt;div&gt; &lt;button type="roll" value="@{roll} [[3d6]] @{VS} @{name} [[@{skill} + @{modifier}]]" name="roll_vsSL" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- .sheet-row --&gt; &lt;/fieldset&gt; &lt;!-- .repeating_defense --&gt; I don't know why that didnt paste right. But this is what I have.

Your fieldset above should work. &nbsp;Are you still having issues CMG?

Yes sir I am, I cannot seem to find the discrepancy. I uploaded the file to my G drive here:&nbsp; GURPS Character Sheet edit

When I put your html in (and copy the css from Github) everything seems to work. &nbsp;Here is a screen shot: Now, this is a brand new character, so it might be something left over from the character before the sheet was upgraded. &nbsp;Maybe.

Hmmm that is very weird. I'll check it out.

where is the CSS???

It seems the problem was in the css. used the css from github and viola no mas error

Great. &nbsp; BTW: If you ever need a hammer... &nbsp;CPP has quite a collection. &nbsp;;-)

Yea he and I are friends.

New problem... The notes boxes for ads,disads, skills, attacks, etc are not risizing. The handle is there however the box(es) surrounding the text field is not resizing vertically to allow for text field resize.

What's your css look like for the textarea? ( <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/resize" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS/resize</a> )

.charsheet { background: white; min-height: 100%; } .sheet-wrapper { min-width: 500px; } .sheet-box { box-sizing: border-box; font-size: 12px; float: left; margin: 0.2em; overflow: auto; outline: 1px solid gray; } .sheet-label { font-weight: bold; text-align: right; } .sheet-hr { box-shadow: 0 -1px 0 #000; } /* ===== CUSTOM TABLES ===== */ .sheet-table { overflow: hidden; } .sheet-header { text-align: center; font-weight: bold; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; white-space: nowrap; height: 22px; } .sheet-row { height: 22px; width: 100%; } .sheet-cell { box-sizing: border-box; float: left; height: 22px; line-height: 22px; padding: 0px 1px; } .sheet-cell &gt; * { width: 100%; } /* This is a work-around, not sure what's causing the bug. */ .repitem { max-height: 44px; } /* ===== ROW COLOURING ===== */ input { background: transparent; } .repitem:nth-child(odd) .sheet-row-stats, .sheet-row:nth-child(even) { background: #F0F0FA; } .repitem:nth-child(even) .sheet-row-stats, .sheet-row:nth-child(odd) { background: #FAFAF0; } .sheet-box .sheet-row-details { background: #FAFAFA; } /* ===== CUSTOM TABS ===== */ input.sheet-tab1:not(:checked) ~ .sheet-tab1, input.sheet-tab2:not(:checked) ~ .sheet-tab2, input.sheet-tab3:not(:checked) ~ .sheet-tab3, input.sheet-tab4:not(:checked) ~ .sheet-tab4, input.sheet-tab5:not(:checked) ~ .sheet-tab5, input.sheet-tab6:not(:checked) ~ .sheet-tab6 { display: none; } input.sheet-tab { width: calc(20% - 4px); max-width: 150px; height: 20px; outline: none !important; position: relative; cursor: pointer; z-index: 1; } input.sheet-tab1 { margin-left: 1px; } input.sheet-tab::before { content: attr(title); display: inline-block; background: #fff; border: solid 1px #a8a8a8; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 14px; font-weight: bold; text-align: center; width: 100%; height: 20px; } input.sheet-tab:checked::before { border-bottom-color: white; } .sheet-tab-br { border-bottom: 1px solid #a8a8a8; margin-bottom: 5px; margin-top: 1px; } /* ===== SUB ROWS ===== */ .sheet-sub-row { font-size: 90%; color: darkgray; } .sheet-sub-row .sheet-popup { color: #AE4D4D; } .sheet-box .sheet-toggle { position: absolute; left: 0; z-index: 1; } .sheet-toggle:checked ~ .sheet-row-details { display: inline-block; } .sheet-toggle ~ .sheet-row-details { display: none; } /* .sheet-box .sheet-row-details:hover, .sheet-box .sheet-row:hover + .sheet-row-details { display: block; } .sheet-box .sheet-row-details { display: none; } */ /* ===== BUTTONS ===== */ .sheet-box button { margin: 0 !important; height: 22px; border-radius: 0; line-height: 16px; background-image: none; border: none; } .sheet-box button[type="roll"] { width: 22px; background: none; } .sheet-box button.sheet-roll-tracker:before { font-family: "Pictos" !important; content: "t" !important; } /* ===== INPUTS ===== */ .sheet-row input[type=number]::-webkit-inner-spin-button, .sheet-row input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-row input[type=number] { -moz-appearance: textfield; } .sheet-row select { width: 100%; height: 20px; padding: 0; margin: 0; margin-top: -2px; } .sheet-row input:not(.sheet-inline) { width: 100% !important; } .sheet-row input { height: 20px; margin-top: -2px; padding: 0 2px; line-height: 22px; background: transparent; border: none; box-shadow: none; cursor: initial; } .sheet-row input:not(:disabled) { border-radius: 2px; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75); -moz-box-shadow: inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75); box-shadow: inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75); } .sheet-row .sheet-textarea { text-align: center; } .sheet-row .sheet-textarea .sheet-label { text-align: center; font-variant: small-caps; text-transform: lowercase; } .sheet-row .sheet-textarea textarea { text-align: initial; outline: none; overflow: auto; margin: 0; margin-bottom: 4px; width: 98%; height: 60px; } textarea.sheet-resize { resize:vertical; line-height:22px; padding:0px; height: 22px; background:transparent; } /* ===== DIFFERENCE COLOURING ===== */ .sheet-diff[value="0"] + input { color: green; } /* ===== CUSTOM CHECKBOXES ===== */ .sheet-box input[type="checkbox"] { opacity: 0; width: 22px; height: 22px; cursor: pointer; z-index: 1; } .sheet-box input[type="checkbox"] ~ .sheet-checkbox:before { width: 18px; height: 18px; line-height: 22px; margin: 0; padding: 0; text-align: center; display: inline-block; vertical-align: middle; font-size: 18px; font-family: "Pictos"; } .sheet-box .sheet-boolean ~ .sheet-checkbox:before { border: solid 1px #a8a8a8; position: relative; top: -23px; left: -1px; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #f6f6f6; background: -moz-radial-gradient(#f6f6f6, #dfdfdf); background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); background: -ms-radial-gradient(#f6f6f6, #dfdfdf); background: -o-radial-gradient(#f6f6f6, #dfdfdf); background: radial-gradient(#f6f6f6, #dfdfdf); } .sheet-box .sheet-boolean:checked ~ .sheet-checkbox:before { content: "3"; } .sheet-box .sheet-toggle ~ .sheet-checkbox:before { content: "4"; } .sheet-box .sheet-toggle ~ .sheet-checkbox { position: absolute; } .sheet-box .sheet-toggle:checked ~ .sheet-checkbox:before { transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */ } /* ===== UTILITY ===== */ .sheet-right { float: right; } .sheet-left { float: left; } .sheet-inline { display: inline; } .sheet-clearfix:before, .sheet-clearfix:after { content: ""; display: table; } .sheet-clearfix:after { clear: both; } .sheet-hover { position: relative; z-index: 0; } /* ===== CSS TOOLTIP ===== */ .sheet-popup { color: darkred; } .sheet-popup + .sheet-tooltip { z-index: 10; display: none; padding: 4px; text-align: left; margin-left: -40px; font-weight: normal; text-transform: initial; font-variant: initial; } .sheet-popup:hover + .sheet-tooltip { width: auto; display: inline; position: absolute; color: #111; border: 1px solid #DCA; background: #fffAF0; line-height: 1.5em; } .sheet-popup + .sheet-tooltip { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 5px #CCC; -webkit-box-shadow: 5px #CCC; box-shadow: 5px #CCC; } .sheet-tooltip table { float: left; line-height: 2em; font-size: 11px; border-collapse: collapse; text-align: center; } .sheet-tooltip td { padding: 0 8px; } .sheet-tooltip tbody tr:nth-child(odd) { background: #FFF; } /* ===== MODULE SUPPORT ===== */ input.sheet-module-roll:checked ~ .sheet-wrapper .sheet-module-on-roll, .sheet-wrapper .sheet-module-off-roll { display: inline-block; } input.sheet-module-roll:checked ~ .sheet-wrapper .sheet-module-off-roll, .sheet-wrapper .sheet-module-on-roll { display: none; } /* ===== LAYOUT ===== */ .sheet-box .sheet-row-details .sheet-col0 { width: 40px; text-align: center; } .sheet-box .sheet-row-details .sheet-col1 { width: calc(100% - 40px); } /* -- TOOLTIPS -- */ .sheet-lift .sheet-tooltip { margin-left: -170px; } .sheet-miscelleneous .sheet-tooltip { margin-left: -75px; } .sheet-active-defense .sheet-tooltip { margin-left: -120px; } .sheet-melee-attacks .sheet-tooltip { margin-left: -100px; } .sheet-ranged-attacks .sheet-tooltip { margin-left: -100px; } .sheet-ranged-attacks .sheet-col1 .sheet-tooltip { margin-left: -40px; } /* -- GENERAL -- */ .sheet-attribute { width: 160px; } .sheet-attribute .sheet-header .sheet-col0 { width: 78px; } .sheet-attribute .sheet-header .sheet-col1 { width: 30px; } .sheet-attribute .sheet-header .sheet-col2 { width: 52px; } .sheet-attribute .sheet-row .sheet-col0 { width: 48px; } .sheet-attribute .sheet-row .sheet-col1 { width: 30px; } .sheet-attribute .sheet-row .sheet-col2 { width: 30px; } .sheet-attribute .sheet-row .sheet-col3 { width: 30px; } .sheet-attribute .sheet-row .sheet-col4 { width: 22px; } .sheet-attribute .sheet-row-basic-move .sheet-col3 { width: 52px; } .sheet-attribute .sheet-row-basic-lift .sheet-col2 { width: 82px; } .sheet-attribute .sheet-row-dodge .sheet-col2 { width: 82px; } .sheet-attribute .sheet-row-thrust-damage .sheet-col1 { width: 90px; } .sheet-attribute .sheet-row-swing-damage .sheet-col1 { width: 90px; } .sheet-stats { width: 118px; } .sheet-stats .sheet-header .sheet-col0 { width: 48px; } .sheet-stats .sheet-header .sheet-col1 { width: 30px; } .sheet-stats .sheet-header .sheet-col2 { width: 40px; } .sheet-stats .sheet-row .sheet-col0 { width: 48px; } .sheet-stats .sheet-row .sheet-col1 { width: 30px; } .sheet-stats .sheet-row .sheet-col2 { width: 40px; } .sheet-stats .sheet-row-current-points .sheet-col0 { width: 78px; } .sheet-stats .sheet-row-current-points .sheet-col1 { width: 40px; } .sheet-stats .sheet-tooltip table { text-align: left; } .sheet-stats .sheet-tooltip table .sheet-label { text-align: left; } .sheet-miscelleneous { width: calc(100% - 160px - 118px - 100px - 1.6em); } .sheet-miscelleneous .sheet-header .sheet-col0 { width: calc(100% - 30px); } .sheet-miscelleneous .sheet-header .sheet-col1 { width: 30px; } .sheet-miscelleneous .sheet-row .sheet-col0 { width: 80px; } .sheet-miscelleneous .sheet-row .sheet-col1 { width: calc(100% - 110px); } .sheet-miscelleneous .sheet-row .sheet-col2 { width: 30px; } .sheet-miscelleneous .sheet-row-race .sheet-col1, .sheet-miscelleneous .sheet-row-gender .sheet-col1, .sheet-miscelleneous .sheet-row-size .sheet-col1, .sheet-miscelleneous .sheet-row-hand .sheet-col1 { width: calc(100% - 80px); } .sheet-points { width: 100px; } .sheet-points .sheet-header .sheet-col0 { width: 100%; } .sheet-points .sheet-row .sheet-col0 { width: 60px; } .sheet-points .sheet-row .sheet-col1 { width: 40px; } .sheet-lift { width: calc(100% - 160px - 0.8em); } .sheet-lift .sheet-col0 { width: 175px; } .sheet-lift .sheet-col1 { width: calc(100% - 175px); text-align: center; } .sheet-encumberance { width: calc(100% - 160px - 0.8em); } .sheet-encumberance .sheet-col0 { width: 100px; } .sheet-encumberance .sheet-col1 { width: calc((100% - 100px) * 0.4); } .sheet-encumberance .sheet-col2 { width: calc((100% - 100px) * 0.3); } .sheet-encumberance .sheet-col3 { width: calc((100% - 100px) * 0.3); } .sheet-encumberance .sheet-row-load .sheet-col0 { width: 100px; } .sheet-encumberance .sheet-row-load .sheet-col1 { width: calc(100% - 100px); } /* -- TRAITS -- */ .sheet-language { width: calc(60% - 0.4em); } .sheet-language .sheet-col0 { width: calc(100% - 210px); } .sheet-language .sheet-col1 { width: 90px; } .sheet-language .sheet-col2 { width: 90px; } .sheet-language .sheet-col3 { width: 30px; } .sheet-culture { width: calc(40% - 0.4em); } .sheet-culture .sheet-col0 { width: calc(100% - 30px); } .sheet-culture .sheet-col1 { width: 30px; } .sheet-traits { width: calc(100% - 0.4em); } .sheet-traits .sheet-col0 { width: calc(100% - 100px); } .sheet-traits .sheet-col1 { width: 30px; } .sheet-traits .sheet-col2 { width: 30px; } .sheet-traits .sheet-col3 { width: 40px; } .sheet-traits .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 120px); } .sheet-disadvantages { width: calc(100% - 0.4em); } .sheet-disadvantages .sheet-col0 { width: calc(100% - 120px); } .sheet-disadvantages .sheet-col1 { width: 30px; } .sheet-disadvantages .sheet-col2 { width: 30px; } .sheet-disadvantages .sheet-col3 { width: 40px; } .sheet-disadvantages .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 120px); } .sheet-racial { width: calc(100% - 0.4em); } .sheet-racial .sheet-col0 { width: calc(100% - 100px); } .sheet-racial .sheet-col1 { width: 30px; } .sheet-racial .sheet-col2 { width: 30px; } .sheet-racial .sheet-col3 { width: 40px; } .sheet-racial .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 120px); } /* -- SKILLS -- */ .sheet-skills { width: calc(100% - 0.4em); } .sheet-skills .sheet-col0 { width: calc(100% - 307px); } .sheet-skills .sheet-col1 { width: 30px; } .sheet-skills .sheet-col2 { width: 40px; } .sheet-skills .sheet-col3 { width: 55px; } .sheet-skills .sheet-col4 { width: 50px; } .sheet-skills .sheet-col5 { width: 40px; } .sheet-skills .sheet-col6 { width: 30px; } .sheet-skills .sheet-col7 { width: 40px; } .sheet-skills .sheet-col8 { width: 22px; } .sheet-skills .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 327px); } .sheet-techniques { width: calc(100% - 0.4em); } .sheet-techniques .sheet-col0 { width: calc((100% - 240px) * 0.55); } .sheet-techniques .sheet-col1 { width: calc((100% - 240px) * 0.45); } .sheet-techniques .sheet-col2 { width: 30px; } .sheet-techniques .sheet-col3 { width: 30px; } .sheet-techniques .sheet-col4 { width: 40px; } .sheet-techniques .sheet-col5 { width: 30px; } .sheet-techniques .sheet-col6 { width: 40px; } .sheet-techniques .sheet-col7 { width: 30px; } .sheet-techniques .sheet-col8 { width: 40px; } .sheet-techniques .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc((100% - 240px) * 0.55 - 20px); } /* -- COMBAT -- */ .sheet-active-defense { width: calc(100% - 140px - 0.8em); } .sheet-active-defense .sheet-col0 { width: calc(100% - 172px); } .sheet-active-defense .sheet-col1 { width: 80px; } .sheet-active-defense .sheet-col2 { width: 40px; } .sheet-active-defense .sheet-col3 { width: 30px; } .sheet-active-defense .sheet-col4 { width: 22px; } .sheet-melee-attacks { width: calc(100% - 140px - 0.8em); } .sheet-melee-attacks .sheet-col0 { width: calc(100% - 234px); } .sheet-melee-attacks .sheet-col1 { width: 40px; } .sheet-melee-attacks .sheet-col2 { width: 60px; } .sheet-melee-attacks .sheet-col3 { width: 60px; } .sheet-melee-attacks .sheet-col4 { width: 22px; } .sheet-melee-attacks .sheet-col5 { width: 30px; } .sheet-melee-attacks .sheet-col6 { width: 22px; } .sheet-melee-attacks .sheet-header .sheet-col5 { width: 52px; } .sheet-melee-attacks .sheet-header .sheet-col5 { margin-left: 22px; } .sheet-melee-attacks .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 254px); } .sheet-ranged-attacks { width: calc(100% - 140px - 0.8em); } .sheet-ranged-attacks .sheet-col0 { width: calc(100% - 404px); } .sheet-ranged-attacks .sheet-col1 { width: 40px; } .sheet-ranged-attacks .sheet-col2 { width: 30px; } .sheet-ranged-attacks .sheet-col3 { width: 30px; } .sheet-ranged-attacks .sheet-col4 { width: 40px; } .sheet-ranged-attacks .sheet-col5 { width: 30px; } .sheet-ranged-attacks .sheet-col6 { width: 40px; } .sheet-ranged-attacks .sheet-col7 { width: 60px; } .sheet-ranged-attacks .sheet-col8 { width: 60px; } .sheet-ranged-attacks .sheet-col9 { width: 22px; } .sheet-ranged-attacks .sheet-col10 { width: 30px; } .sheet-ranged-attacks .sheet-col11 { width: 22px; } .sheet-ranged-attacks .sheet-header .sheet-col10 { width: 52px; } .sheet-ranged-attacks .sheet-header .sheet-col10 { margin-left: 22px; } .sheet-ranged-attacks .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 424px); } .sheet-damage-reduction { float: right; width: 140px; } .sheet-damage-reduction .sheet-col0 { width: 50px; } .sheet-damage-reduction .sheet-col1 { width: 40px; text-align: center; } .sheet-damage-reduction .sheet-col2 { width: 25px; } .sheet-damage-reduction .sheet-col3 { width: 25px; } .sheet-damage-reduction .sheet-row-title .sheet-col0 { width: 100%; } .sheet-damage-reduction .sheet-header .sheet-col2 { width: 50px; } /* -- POSSESSIONS -- */ .sheet-quick-inventory { width: calc(100% - 0.4em); } .sheet-items { width: calc(100% - 0.4em); } .sheet-items .sheet-col0 { width: calc(100% - 270px); } .sheet-items .sheet-col1 { width: 20px; } .sheet-items .sheet-col2 { width: 50px; } .sheet-items .sheet-col3 { width: 50px; } .sheet-items .sheet-col4 { width: 50px; } .sheet-items .sheet-col5 { width: 50px; } .sheet-items .sheet-col6 { width: 50px; } .sheet-items .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 290px); } .sheet-items .sheet-row-totals .sheet-col0 { width: calc(100% - 300px); } .sheet-items .sheet-row-totals .sheet-col1 { width: 100px; } .sheet-items .sheet-row-totals .sheet-col2 { width: 100px; } .sheet-items .sheet-row-totals .sheet-col3 { width: 100px; } /* --------------------------TOOLS----------------------------- */ .sheet-speed-range-table { width: calc(100% - 60px - 0.8em); } .sheet-speed-range-table .sheet-col0 { width: calc(100% - 584px); } .sheet-speed-range-table .sheet-col1 { width: 40px; } .sheet-speed-range-table .sheet-header .sheet-col10 { width: 52px; } .sheet-speed-range-table .sheet-header .sheet-col10 { margin-left: 22px; } .sheet-speed-range-table .sheet-row-stats .sheet-cell .sheet-col0 { margin-left: 20px; width: calc(100% - 244px); } .sheet-speed-range-table .sheet-row-stats .sheet-cell .sheet-col1 { margin-left: 20px; width: 40px; }

OK I have the Advantages notes boxes able to resize the problem remains that the row in which said boxes are in will not resize