Changing rows & colums in buff window (Minimalist UI)

[Locithon]

I wanted to update the Buff Window since I felt it took up too much space. However, I'm having trouble getting the buffs to show up with more columns than just 1. I never coded any of these files, just copy+pasted different files for my compilation. Here's what it looks like currently:



I'd like the buffs to have at least 4 columns so the window is more of a rectangle at the top of the UI rather than one giant vertical list & have time show at the bottom of the buff rather than the left. Here's the code:

<ComponentWindow name="_attached_ability_entry">
<Rect x="0" y="0" width="110" height="27"/>
<Settings visible="false"/>
<UseControl type="AbilitySlot" name="_ability">
<Ability bigTimer="false">
<Rect x="19" y="0" width="20" height="20"/>
</Ability>
<Settings name="_ability">
<Action event="cancel_attached_ability" senderName="#SetAsSender">
<Notifications>
<Message>RIGHTCLICK</Message>
</Notifications>
</Action>
</Settings>
</UseControl>

<UseControl type="TextField">
<TextField fontSize="7" centered="false" color="gold" sizeWithText="true" sizeHorizontallyWithText="85">
<Rect x="40" y="-5" width="85" height="20"/>
<Text></Text>
</TextField>
<!--<Settings name="_name" dropShadowText="false" clipping="false"/>-->
</UseControl>

<UseControl type="TextField">
<TextField fontSize="7" centered="true" align="right" color="white">
<Rect x="-10" y="0" width="28" height="20"/>
<Text></Text>
</TextField>
<Settings name="_buff_dur" dropShadowText="false" clipping="false"/>
</UseControl>
</ComponentWindow>
<!-- end Ability Entry -->


<!-- Beneficial List -->
<VGUIWindow name="Beneficial Spell Effects" controlContainer="true">
<Rect x="320" y="20" width="100" height="20"/>
<Settings skin="DEFAULT"
border="frameall"
background="true"
useColoredBackground="true"
setBackgroundColor="black"
enableMinSize="true"
searchKey="attached_abilities_beneficial_"
noMinimize="true"
sizeOnChildrenEdgeSpacing="0"
hideFromActiveWindows="true"
hideFromStartList="true"
resizeOnChildren="true"
layoutMovable="true"
layoutOutline="false"
movable="false"
globalOpacity="180"
tooltip="BeneficialSpellEffects"
saveVisibility="true">
<RectMinSize>
<Rect x="0" y="0" width="10" height="10"/>
</RectMinSize>
</Settings>


<UseControl type="Window">
<VGUIWindow>
<Rect x="0" y="0" width="20" height="20"/>
<Settings name="_attached_abilities_beneficial_list" searchKey="_attached_abilities_beneficial_list" sizeOnChildrenEdgeSpacing="2" resizeOnChildren="true">
</Settings>

<AttachUpdater type="AbilityList" gameVarLink="AttachedAbilitiesBeneficialList" clearByHandle="true" linkElements="true">
<EntryWindow>
<UseComponent name="_attached_ability_entry">
</UseComponent>
</EntryWindow>

<Settings visible="false" name="_attached_abilities_beneficial_updater">
<SetRelationalPos relationTo="SIBLING">
<Edge>BOTTOM_LEFT</Edge>
<Offset>
<Point x="0" y="2"/>
</Offset>
</SetRelationalPos>
</Settings>
</AttachUpdater>
</VGUIWindow>
</UseControl>
</VGUIWindow>


Which values do I need to change to get it the way I want?