Make UI fit in 100%

README.md

@@ -59,6 +59,7 @@ Please take note of [CRAPL v0](https://matt.might.net/articles/crapl/):
 * ✅ User can post messages to followers
 * ✅ User can post a message to a specific external account
 * ✅ User can post an image & alt text
+* ✅ User can post text which is converted into basic HTML (mentions, URls, hashtags)
 * ✅ User can follow, unfollow, block, and unblock external accounts
 * ✅ Server validates the HTTP Message Signatures of all incoming messages
 * ✅ Incoming messages are saved
@@ -83,4 +84,6 @@ Please take note of [CRAPL v0](https://matt.might.net/articles/crapl/):
 * ❌ Set sensitivity for images / blur
 * ❌ Set "Content Warning"
 * ❌ See external users' avatars, names, or other details
+* ❌ Viewing all posts by user with a specific hashtag
+* ❌ Accurate support for converting user's text to HTML
 * ❌ ...?

index.php

@@ -456,6 +456,7 @@ echo <<< HTML
 		<meta property="og:image" content="https://{$server}/banner.png">
 		<title>{$h1} {$realName}</title>
 		<style>
+			* { max-width: 100%; }
 			body { margin:0; padding: 0; font-family:sans-serif; }
 			@media screen and (max-width: 800px) { body { width: 100%; }}
 			@media screen and (min-width: 799px) { body { width: 800px; margin: 0 auto; }}