[css] Vertically aligned first button (li)

Hi,

I noticed that the first button (or li) is not vertically aligned with the rest of a page. This is because every li has a margin-left of 5px. So it is shifted 5px to the right. A subtle difference one notices uncautionsly and it makes the page a bit more uneasy (“unruhiger”).

I have this code in my child theme to override, but I think other user might benefit from this as well:

/* damit erster Eintrag vertical aligned, alle li haben margin 5px (left)
 * Das macht Sinn, aber nicht beim 1. li (kann WhatsApp (mobil) oder Facebook sein)
 */
  .shariff ul {
      margin-left: -5px !important;
      margin: 0px 0px 0px -5px !important;
  }

The !importants are only necessary because Shariff already comes with (lots of) them and otherwise the override would not work.

Maybe this could be added upstream to your plugin?

• This topic was modified 7 years, 4 months ago by gerd.neumann.