bug: md, the back and search buttons are not aligned

[Marius-Romanus]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

Hello,

It's a small design detail, in MD when you have a title with the back button and a search engine below, which are both a backwards arrow, they are not aligned and produces a slightly unpleasant visual effect.

greetings!

Expected Behavior

That they are fully aligned.

Steps to Reproduce

Put two ion-toolbar inside an ion-header, one with an ion-back-button and another with an ion-search.

Code Reproduction URL

https://stackblitz.com/edit/angular-ygu7bs?file=src%2Fapp%2Fexample.component.html

Ionic Info

Ionic:

Ionic CLI : 7.1.1
Ionic Framework : @ionic/angular 7.5.3
@angular-devkit/build-angular : 16.2.9
@angular-devkit/schematics : 16.2.9
@angular/cli : 16.2.9
@ionic/angular-toolkit : 10.0.0

Capacitor:

Capacitor CLI : 5.5.1
@capacitor/android : 5.5.1
@capacitor/core : 5.5.1
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : 1.7.3

System:

NodeJS : v20.9.0
npm : 10.1.0
OS : Windows 10

Additional Information

No response

[liamdebeasi]

Thanks, I can reproduce this. It looks like this gradually regressed since v4.

v4: https://codepen.io/liamdebeasi/pen/vYbgWmo
v5: https://codepen.io/liamdebeasi/pen/LYqxOWq
v6: https://codepen.io/liamdebeasi/pen/zYeNPZa
v7: https://codepen.io/liamdebeasi/pen/ExrZbWp

[liamdebeasi]

Here's a dev build if you are interested in testing a proposed fix: 7.5.4-dev.11699310489.151b2717

[Marius-Romanus]

Yes, it looks centered now, thank you very much!

[liamdebeasi]

Thanks for the issue. This has been resolved via #28478, and a fix will be available in an upcoming release of Ionic Framework.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.