update android logo and fix container spreading too far on mobile

content/_layouts/partials/header-menu.liquid

@@ -1,30 +1,30 @@
 <header>
 	<nav class="navbar navbar-expand-lg fixed-top">
-		<div class="container">
+		<div class="container-md">
 			<div class="row gx-6">
-				<a href="/" class="navbar-brand fs-3 fw-medium col">
-					<img
-						src="/images/haxeflixel.svg"
-						height="31"
-						alt="HaxeFlixel"
-						class="align-text-bottom">
-					HaxeFlixel
-				</a>
-
 				{% assign docs_page_info = page.url | split: '/' %}
 				{% if docs_page_info[1] == 'documentation' and docs_page_info.length > 2 %}
 					<a
-						class="d-lg-none align-baseline fs-2 col"
+						class="d-lg-none ms-2 fs-2 col"
 						type="button"
 						data-bs-toggle="offcanvas"
 						data-bs-target="#doc-menu-offcanvas"
 						aria-controls="doc-menu-offcanvas"
-						><i class="bi-book"></i
+						><i class="bi-book d-inline-block align-text-top"></i
 					></a>
 				{% endif %}
+
+				<a href="/" class="navbar-brand fs-3 fw-medium col">
+					<img
+						src="/images/haxeflixel.svg"
+						height="31"
+						alt="HaxeFlixel"
+						class="align-text-bottom">
+					HaxeFlixel
+				</a>
 			</div>
 
-			<div class="row ms-2">
+			<div class="row ms-2 me-2">
 				<button
 					class="navbar-toggler btn-outline-light col"
 					type="button"