Bugfix/css fixes

[GwenLegate]

fixed all the css bugs found.

1. Aligned the indoor toa to fit: **Because this one has to be positioned absolute, I can't sent it to resize relative to the device so need some feedback from people with smaller screen sizes to know just how small it has to be to fit all devices! This is also why it has to be so small on the tablet.

2. Toolbar alignments were fixed so that they are center aligned on different sized screens

3. Fixed all missing french translations I could find: I couldn't find the months or days in the calendar or the cancel button in the indoor location dropdown

I checked the alignments on the tablet and the phone (Google pixel) to see if they work on different size screens but need some iphone and some different sized android phone feedback to make sure

Phone:

Tablet:

[GwenLegate]

• Indoor toa not align correctly on my screen (2.95" screen width)
• This one as well

1. Tool bar are aligned perfectly

• "Your calendar" shouldn't appear when the user is not logged in
• I can work on the month and days of the week translation. It has to do with the angular-calendar plugin we are using. You can try to check it out if you wish.

Do you mean that the start point, destination menu and the popup we get from the info button aren't centered? I didn't change the css on these. I figured it was good that the start point, destination menu covers everything because we only it when we actually mean to interact with it and then it goes away. For the info popup telling you how to start navigation I thought it was off to the side like that on purpose because it's linked to the "i" button. I only centered the time of arrival component because it's a part of the display and you'd want to see the entire page of path, map, time of arrival info aligned together.

For the "Your Calendar" issue, I must have changed the code somehow when I did the translation. I'll check that.

[GwenLegate]

achung98, I accidentally translated the variable calendarTitle so the "Your Calendar" translation was being hard coded into the HTML. I put it back so it's set the way you intended.

[GwenLegate]

achung98, I accidentally translated the variable calendarTitle so the "Your Calendar" translation was being hard coded into the HTML. I put it back so it's set the way you intended.

[GwenLegate]

• Indoor toa not align correctly on my screen (2.95" screen width)
• This one as well

1. Tool bar are aligned perfectly

• "Your calendar" shouldn't appear when the user is not logged in
• I can work on the month and days of the week translation. It has to do with the angular-calendar plugin we are using. You can try to check it out if you wish.

I figured out the calendar translation. The dependency is actually pretty nice since it actually converts the formats for us automatically so it uses english date conventions when we're in english and french date conventions in french