Draw button inside a text box

[itsNiccoloSabatini]

Problem

hello, i have a little question about something. I'm trying to develop a login page with egui and i align the ui with

ui.vertical_centered(|ui| { ... });

and I wanna add a button to reveal and cover the password either inside or on the left of the password TextEdit::singleline. I have no idea if there's a way to put it inside and if i try to align the button on the right with

ui.horizontal(|ui| { ... });

all the line shifts back to the left side of the screen. anyone knows a way to avoid this?

Code

ui.vertical_centered(|ui| {
        ui.add_space(ui_size.space_between_widgets());
        ui.horizontal(|ui| {
            ui.add(
                TextEdit::singleline(&mut login_state.credentials.password)
                    .hint_text(
                        RichText::new("Password")
                            .size(ui_size.hint_text_size())
                            .color(if login_state.backend_error.is_some() {
                                UiColor::Error
                            } else {
                                UiColor::DarkText
                            }),
                    )
                    .password(true)
                    .min_size(vec2(ui_size.tb_x(), ui_size.tb_y()))
                    .desired_width(ui_size.tb_width())
                    .vertical_align(egui::Align::Center)
                    .font(egui::FontSelection::FontId(egui::FontId::new(
                        ui_size.tb_text_size(),
                        egui::FontFamily::Proportional,
                    )))
                    .text_color(UiColor::DarkText.into()),
            );
            ui.button("password reveal");
        });
});

Images