I don’t know what molecule you ended up with, but the way I draw it, I end up with (2S,3S)-2,3-dihydroxysuccinic acid as shown below.

The syn-addition step would technically be the addition of the electrophile permanganate to the double bond. From there, the oxygens are in place and are not moved. If you reorder the structure to the identical zig-zag representation, you should arrive at a clear syn-orientation.
Note that there are two rotations in this: the first step includes a rotation of fumaric acid by $90^\circ$ so that I can draw the five-membered ring in a plain. After cleaving off $\ce{MnO4^3-}$ (which further reacts to $\ce{MnO4^2-}$ in basic conditions) I arrive at the syn-product.
With maleic acid, everything would be the same, except for the orientation of the carboxylic groups in the second and third structures. That would lead to the hydroxyl groups pointing in different directions even though we are still dealing with a syn-addition.