How to adjust padding between views icons

Configuration
1

How can I adjust the views icons padding so I can thigh them together to see them all without scrolling on my phone?

I would like it to look like this (On my computer) :

image

2

Presently it look like this (On my computer) :

image

3

I did find a workaround but still, I would like to know how to set the margins for the icons.

  card-mod-theme: Theme
  card-mod-root-yaml: |
    .: |
      @media (orientation: portrait) {
        ha-button-menu, [main-title] {
          display: none;
        }
        paper-icon-button[icon="paper-tabs:chevron-right"] {
          display: none;
        }
        paper-icon-button[icon="paper-tabs:chevron-left"] {
          display: none;
        }
        a.menu-link[target="_blank"] {
          display: none;
        }
        ha-menu-button {
          display: none !important;
        }
        }

image