@magejoshwell.... I've been trying to figure out the ingredients mod changes to make it work and its not been easy. Basically: This is one of my first mods and I fought and fought to make it work and now I have no idea how I was able to pull it off

Anyway, here's what I have so far, which might work for you? its not symmetrical and I cannot got the grey backgrounds to work well at all...and there's a weird line going through the middle I don't know where its coming from...sigh... but anyway, here's what to do to my mod that might work for you (and ignore my notes, I gave up trying to use math to get things nice):
controls.xml:
<configs>
<!-- Remove existing ingredient_row definition. 3 rectangles -->
<remove xpath="/controls/ingredient_row" />
<!-- Add new ingredient_row definition. 2 rectangles (removed last one which is a column to the right), 1/2 the width, text made smaller, etc. -->
<append xpath="/controls">
<ingredient_row>
<!-- wanted = width 807
ORIGINAL width 158+65+2 (border) = 225
225+158 = 383. 383x2 = 603
-->
<!-- ORIGINAL width 158+65+2 (border) = 225 , which is about 447/2 !
SO: 807/2 = 403 (rounded up .5)
-->
<rect name="row" width="403" height="50" controller="IngredientEntry">
<!-- ORIGINAL width 65 (icon) -->
<rect depth="2" width="65" height="48">
<!-- These 2 lines are the icon grey background -->
<sprite depth="2" name="backgroundMain" sprite="menu_empty3px" pos="-3,2" width="71" height="53" color="[black]" type="sliced" fillcenter="false" />
<sprite color="[lightGrey]" type="sliced" />
<!-- This line is the actual icon -->
<sprite depth="2" name="icon" width="56" height="40" atlas="ItemIconAtlas" sprite="{itemicon}" color="{itemicontint}" pos="30,-20" pivot="center" foregroundlayer="true"/>
</rect>
<!-- ORIGINAL width 158 (icon descripion)
ORIGINAL width 158+65+2 (border) = 225
SO: 404-65 = 339
NOTE: 2 places to change below!
-->
<rect depth="2" width="336" height="48" pos="68,0">
<!-- These 2 lines are the item text grey background -->
<sprite depth="2" name="backgroundMain" sprite="menu_empty3px" pos="-3,2" width="255" height="53" color="[black]" type="sliced" fillcenter="false" />
<!-- <sprite color="[lightGrey]" type="sliced" /> -->
<!-- This line is teh actual item text-->
<label depth="3" name="name" pos="80,-20" width="157" height="26" font_size="19" color="[labelColor]" justify="left" pivot="center" text="{itemname} {haveneedcount}"/>
</rect>
</rect>
</ingredient_row>
</append>
</configs>
windows.xml:
<configs>
<!-- NEW LINE: widens crafting info panel-->
<set xpath="/windows/window[@name='craftingInfoPanel']/@width">807</set> <!-- was 603 -->
<!-- NEW LINE: widens crafting info panel-->
<set xpath="/windows/window[@name='craftingInfoPanel']/rect[@name='contentCraftingInfo']/sprite[@name='backgroundMain']/@width">807</set> <!-- was 603 -->
<!-- Remove existing ingredients rect. Only 1 column, 5 fixed visible ingredients -->
<remove xpath="/windows/window[@name='craftingInfoPanel']/rect[@name='contentCraftingInfo']/rect[@name='ingredients']" />
<!-- Add new ingredients rect. 2 columns, 10 fixed visible ingredients -->
<insertAfter xpath="/windows/window[@name='craftingInfoPanel']/rect[@name='contentCraftingInfo']/rect[@name='description']" >
<!-- ORIGINAL width="447" -->
<rect depth="1" pos="153,-95" name="ingredients" width="807" height="264" visible="{showingredients}">
<!-- ORIGINAL width="450" cell_width=227-->
<grid rows="5" cols="2" width="800" height="231" cell_height="50" cell_width="336" repeat_content="true" controller="IngredientList" arrangement="vertical">
<ingredient_row/>
</grid>
</rect>
</insertAfter>
</configs>
here's what it looks like for me:
View attachment 22711