Reason for the huge gaps in skill nav

I have come to the conclusion the reason why there are big-ass gaps in places like [[Black Hole]] is because the category setting code and the way that the nav is displayed are both in the same place.

Categories need to be set before or after the skill nav, and this just needs to be fiddled around with. I've tried but it's been too long. If anyone wants to take a stab at it, it should probably be sorted into something like this:

<pre>
<!-------------------------------------------
              Categories
---------------------------------------------->

[[Category:Skills]]
[[Category:{{{Type}}} Skills]]<!-- Active or Passive-->

{{#switch:{{{Gender}}}
|Both =[[Category:Male {{{Class}}} Skills]][[Category:Female {{{Class}}} Skills]]
|Female=[[Category:Female {{{Class}}} Skills]]
|Male=[[Category:Male {{{Class}}} Skills]]
|[[Category:{{{Class}}} Skills]]
}}


<!-------------------------------------------
              Skill Nav
---------------------------------------------->

{{#switch:{{{Gender}}}
|Both={{SkillNav|Male {{{Class|???}}}|{{{Type2|}}}|Male}}
{{SkillNav|Female {{{Class|???}}}|{{{Type2|}}}|Female}}
|{{SkillNav|{{{Gender|}}} {{{Class|???}}}|{{{Type2|}}}|{{{Gender|}}}}}
}}

{{SkillNav|General|{{{Type2|}}}}}
</pre>

This should condense all the whitespace that gets added when setting categories and the like, and get rid of the ugly gaps.

Don't be afraid to duplicate a similar if statement in the two categories.