Polish new android section

src/index.html

@@ -118,12 +118,11 @@ title: Pepperminty Wiki
 	</figure>
 </div>
 
-<div class="panel-small double margin-vertical padding-medium">
+<div class="panel-small double lean-left margin-vertical padding-medium">
 	<div class="left centre">
-		<img class="invert-when-dark" alt="" src="static/images/icon-phone.svg" />
-		TODO replace this with a screenshot
+		<img class="tall-image-limiter" alt="" src="static/images/android-client-dark.png" />
 	</div>
-	<div class="right">
+	<div class="right centre">
 		<p><strong>Android App</strong></p>
 		<p>A native android client app enables browsing your wiki at speed on your phone!</p>
 		<p>It's a work in progress, so more features will be added incrementally.</p>

src/static/css/main.css

@@ -229,6 +229,8 @@ button, summary                     { cursor: pointer; }
 .logo.medium		{ max-width: 1.5em;			}
 .logo.small			{ max-width: 1em;			}
 
+.tall-image-limiter	{ max-height: 80vh;			}
+
 .feature-list {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(min(20em, 100%), 1fr));