Table Records - override CSS for one column

Table Records - override CSS for one column

  
Hi All,
I am using icons in a table i.e. Trash can with the 'Action' style set against the link.
All looks fine in the desktop version, but when displayed on a phone the icon is set to left instead of center. See screengrab attached.
How can I overide the css value for just this one column?
Thanks
Gary
Hi Gary,

Can you share a page that will allow us to see that?
With that It will be possible to inspect the css using the browser tools and suggest a workaround.

Cheers
Guilherme
Thank you Guilherme

https://temples.outsystemscloud.com/TEST/
Hi Gary,

Can you put it on an anonymous page? Otherwise I can access it :)

Cheers,
Guilherme
Yes, sorry I do know... just rushing... now done :-)
Solution
Hi Gary,

The style ".Responsive .TableRecords td *" from the ResponsideTableRecords is getting priority over your ".fa-fw" style.

Add a !important on it.

.fa-fw {
    text-align: center !important;
    width: 1.28571em;
}

also your ".fa-li" will probably have the same issue.

Regards,
João Rosado
Solution
Awesome... fixed... Thank you..! :-)
Hi Gary,

I personaly tend to avoid the !important because of the side effects sometimes caused (I only use it as a last option).
In this case I'd solve this by creating a new class to fix the problem inside the table:



Cheers,
Guilherme
Got it... good advice thank you again.