Interfaces page - Tweak margin and padding to achieve better indentation alignment

[rdwebdesign]

What does this PR aim to accomplish?

Adjust the alignment in Interfaces page.

Currently the list indentation is too small and looks misaligned.

How does this PR accomplish the above?

Adjusting the options to fix padding and margin used to indent the list.

---

By submitting this pull request, I confirm the following:

1. I have read and understood the contributors guide, as well as this entire template. I understand which branch to base my commits and Pull Requests against.
2. I have commented my proposed changes within the code and I have tested my changes.
3. I am willing to help maintain this change if there are issues with it later.
4. It is compatible with the EUPL 1.2 license
5. I have squashed any insignificant commits. (git rebase)
6. I have checked that another pull request for this purpose does not exist.
7. I have considered, and confirmed that this submission will be valuable to others.
8. I accept that this submission may not be used, and the pull request closed at the will of the maintainer.
9. I give this submission freely, and claim no ownership to its content.

---

• I have read the above and my PR is ready for review. Check this box to confirm

[rdwebdesign]

Note:

I also added a commit to add color to the Interface icon (before the interface name).

This is not necessary and we can remove this commit if it is not desired.

[yubiuser]

I like the new alignment but not the new colored icons. To me it looks a bit strange: colored icon - non-colored name - colored status.

[rdwebdesign]

I removed the colored icons commit (force push) and added 2 commits to fix the alignment in LCARS theme.