Can I revert an Inline List and reduce its paddings/margins

Hi! I managed to use an inline List to enable Users to either Edit Profile or Sign in, with their avatar pic.
But It would be great to
1/ align either center of right
2/ reduce top padding and/or margin (right under the fedora hat :cowboy_hat_face:): as you can see, there’s lot of empty lines between the hat and the inline list.
3/ here’s what I’ve found: div.card-footer and div.scroller (there seem to be 2 instances of each on this screen)
4/ is it row-reverse I can use?
5/ can you help me with the CSS?

Thanks :cherry_blossom: