Fix: Improve spacing and styling for 'Try Indexed Search' button

[ajay020]

Description

Improved layout and styling of the 'Try Indexed Search!' button to match expected UI guidelines.

• Aligned button vertically with surrounding text
• Added ripple effect on touch
• Fixed spacing and visual distinction
• Used proper layout structure to ensure responsiveness

Before

After

Tablet

Phone

Issue tracker

Fixes #4332

Automatic tests

• Added test cases
  (Only UI/layout changes, so no automatic tests added)

Manual tests

• Done

• Device: Motorola e13

• OS: Android 13

Build tasks success

Successfully running following tasks on local:

• ./gradlew assembleDebug
• ./gradlew spotlessCheck

[VishnuSanal]

@ajay020 thanks, appreciate your interest in contributing to amaze! but, the UX in this PR deviates from the expected UX (https://github.com/orgs/TeamAmaze/discussions/3984). an option for indexed search never appears (edit: okay, it was not about the behaviour, t'was just about the display string, I presume). please take a look, thanks.

[ajay020]

@VishnuSanal Thanks for the review! You're right — this PR only changes the display string and layout styling, not the actual behaviour.

I went through the discussion, but I'm still unclear on what part might be deviating from the expected UX. Could you please clarify what you meant by "an option for indexed search never appears"?

[ajay020]

@VishnuSanal I realised I hadn’t updated the button text string as expected. Just pushed a fix to address that. Let me know if you'd prefer any other change.

[VishnuSanal]

this is better! but, I have some suggestions, PTAL at the commments

[ajay020]

In the layout file, I’ve reduced the internal padding and added a margin so that the text “Not finding what you're looking for” and the button “Try index search” now appear on a single line.

phone preview

tablet preview

On smaller screens, the button text wraps into two lines due to limited space. If that doesn’t look good to you, I can try vertically stacking the text and the button instead. Let me know what you'd prefer!

[VishnuSanal]

LGTM, good work! please address slight alignment issues, and we're golden, thx! :)

[VishnuSanal]

I would prefer the same behaviour from the tablet layout here too.

i.e, to make the whole container fill width, and align both notFindingTextView & tryDeepSearchButton at both ends where the remaining space is filled. i.e, to right-align tryDeepSearchButton.

but that's personal preference. let's wait for other maintainers to chime in :)

[VishnuSanal]

LGTM 🚀 awesome work! :)