Privacytools.io: 🌐 Website Issue | Icons out of place on mobile devices

[BurungHantu1605]

Description

Icons look out of place currently on mobile devices.

Screenshots

Looks neat:

Does not look neat at all:

[Mikaela]

I have no idea how would I start fixing this, so I am unassigning myself and setting "help wanted" label.

[ghost]

I'm not that good with BS4 but basically we want the buttons and the icons to be in the same div (maybe .row or .col-12) and put the buttons and the icons in separate divs, something like div.col-md-6. And also make the icons section right aligned (ideally with flexbox) but center aligned (.justify-content-center) when the div "collapses" (when size is < md).

Currently the icons are right-aligned using .float-right. I think we should avoid floats as much as possible and use the BS4 grid instead.

Perhaps @Vincevrp or @JonahAragon could be able to implement this (assuming you're not busy)?

[jonaharagon]

They should probably be left aligned on mobile, not centered. I’ll see if I have time to take a look later if nobody else figures it out, but I’m sure there’s some way to do that that’s built-in to BS4.

Definitely need to switch to the grid system if that isn’t what we’re currently using anymore.

[BurungHantu1605]

thanks for fixing this @dawidpotocki