Cancel link in top bar adds padding and hides page title
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3535333. --> Reported by: [mglaman](https://www.drupal.org/user/2416470) Related to !639 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>We noticed this on confirm forms after upgrading to 5.x for Drupal 11.2</p> <p><img src="https://www.drupal.org/files/issues/2025-07-10/Screenshot%202025-07-10%20at%204.10.46%E2%80%AFPM.png"></p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <p>I went to flush an image style as that is one operation not in an AJAX (navigation module must be enabled.) </p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>.gin--navigation-top-bar button, .gin--navigation-top-bar input[type=submit], .gin--navigation-top-bar .local-actions__item a </p> <p>this needs to target .gin--navigation-top-bar .button</p> <p>How I fixed in our CSS:</p> <pre>.gin--navigation-top-bar .button {<br>&nbsp; font-size: var(--gin-font-size-xs) !important;<br>&nbsp; font-weight: var(--gin-font-weight-bold) !important;<br>&nbsp; padding-block: calc(var(--gin-spacing-xs) - var(--gin-spacing-xxxs)) !important;<br>&nbsp; padding-inline: var(--gin-spacing-s) !important;<br>&nbsp; margin-block: 0 !important;<br>&nbsp; box-shadow: none !important;<br>}</pre><h3 id="summary-remaining-tasks">Remaining tasks</h3> <h3 id="summary-ui-changes">User interface changes</h3> <h3 id="summary-api-changes">API changes</h3> <h3 id="summary-data-model-changes">Data model changes</h3>
issue