Make small logo appear earlier in responsive mode

[Kristina Hoeppner]

The small Mahara logo should appear at the smallest breakpoint at 480px.

Also fixed the placement of the user profile icon in the header so that the image sits away from the border and more centre-aligned within the toggle.

[Kristina Hoeppner (kris-hoeppner)]

https://reviews.mahara.org/#/c/10328/

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/10328
Committed: https://git.mahara.org/mahara/mahara/commit/b7b02438c517b44418e7b30aa4b2851234d108f2
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit b7b02438c517b44418e7b30aa4b2851234d108f2
Author: Evonne <email address hidden>
Date: Tue Sep 10 15:54:44 2019 +1200

Bug 1843821: Make small logo appear earlier in responsive mode

The small Mahara logo now appears at the smallest breakpoint at 480px

Also fixed the placement of the user profile icon in the header so
that the image sits away from the border and more centre-aligned
within the toggle.

behatnotneeded

Change-Id: I085590cb5734124a91ee50b063448102943387f2