Aesthetic Improvements

[hectoritr]

Is your feature request related to a problem? Please describe.

• [ ] YES
• [ ] NO If YES please write a clear and concise description of what the problem is.

Describe the solution you'd like A clear and concise description of what you want to happen.

Additional context Add any other context or screenshots about the feature request here.

Action Plan Add an Action Plan with Checkboxes on key things you have to achieve to complete this task.

• [ ] Task A
• [ ] Task B

[hectoritr]

Here is the documentation file for the Aesthetics changes needed

https://docs.google.com/document/d/19leNb5DQ2RaC1I7yG-gU707wWlB4wcDLex65-WhFXws/edit?hl=es#

Please add comments as needed.

[asimjawad]

need the photos for the user selection.

[hectoritr]

Hi Asim, you have been shared a Drive folder with the designs and the assets. Please let me know if you need further clarification on this!

[hectoritr]

Comments for review.

Still showing texts in English when my browser is in Spanish.

Login Screen 1: OK

Login Screen 2:

• [x] More separation between the Big Title and the little text.
• [x] All highlights are Blue, should be Orange (Name EditText)
• [x] MALE and FEMALE should not be Caps Locks
• [x] Date picker still blue.

Login Screen 3:

• [x] Big title should be bigger, same size as previous screen
• [x] More separation between Big Title and little text.
• [x] After the short tutorial should go back to the same screen, to do another tutorial or to press "Next" and choose the Avatar.

Login Screen 4:

• [x] All Big Title should be at the same high on the screen and have the same font size
• [x] Remove Tutorial Slides when pressing Next, should go to Main Screen

Main Screen:

• [x] Make the placeholder for Pictos, the same size when there is a picto in them.
• [x] With long text on the Pictos the color frames are misaligned.

Grupos:

• [x] Make background color same as Main Screen
• [x] Make the width of the orange control bar same as Main Screen.

[asimjawad]

• [ Language for web version] still looking for a native method which can work on both web and app.

[asimjawad]

Added a fix for the web version for language.

[hectoritr]

Central Button.

• [x] Need to implement a central button, with a similar look of the one in the Android App, button should have a bottom margin, and should go over the Orange bar by 5%.

In main screen, this button should make the app Speak.

• [x] Make the app speak

In Groups, this button should enter the selected category when in Single view mode

• [x] Enter to the category in Single View mode.

[hectoritr]

Remaining things

• [ ] Fix Pictogram Gallery, with same sizes as Group Gallery. The orange control bar should be same size as other screens.

  

• [x] Fix the aspect ratio on Pictogram Gallery

  

• [x] Fix the aspect ratio on Search Screen

  

• [x] Add dark background to Search feature,

[asimjawad]

@hectoritr can you add the pictures as a reference to these issues. That will be better for me.

[hectoritr]

@hectoritr can you add the pictures as a reference to these issues. That will be better for me.

Done! Let's try that the aspect ratio of the images inside the pictograms are all the same and similar to the one on main screen.

[asimjawad]

@hectoritr how many Pictos per grid on search tab?

[asimjawad]

this closes issue #13

[hectoritr]

@asimjawad Please review the Search feature on Groups, it show them on English, should be same as the app language

[asimjawad]

Will look into it @hectoritr