Tours link lacks padding on smaller screens

[pkbhatt]

open meta home page ​https://make.wordpress.org/meta/
check the screen to 320px width
Tour word sticks to left side without any spaces.

[sabernhardt]

Admin bar styles remove padding from links, including the Tours link, at smaller screen sizes.

@media screen and (max-width: 782px) {
  #wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks > ul > li > a {
    padding: 0;
  }
}

The Login and Register links have special overrides on Make - Meta pages.

/* printed inline */
@media screen and (max-width: 782px) {
  #wpadminbar li#wp-admin-bar-log-in a, #wpadminbar li#wp-admin-bar-register a {
    padding: 0 8px;
  }
}
/* from https://make.wordpress.org/meta/wp-content/mu-plugins/pub-sync/blocks/global-header-footer/build/style.css?ver=1725916313 */
@media screen and (max-width: 782px) {
  #wpadminbar li#wp-admin-bar-log-in a, #wpadminbar li#wp-admin-bar-register a {
    padding-left: .5em;
    padding-right: .5em;
  }
}

The simplest fix might be adding to the ​Tour plugin styles (note the child combinator >).

@media screen and (max-width: 782px) {
  #wpadminbar li#wp-admin-bar-tour-list > a {
    padding: 0 8px;
  }
}

[dd32]

It looks like the 'tours' functionality is an Automattic plugin: ​https://github.com/Automattic/tours/

I've reported this upstream in ​https://github.com/Automattic/tours/issues/58