Fix UI scaling and update docs

README.md

@@ -160,7 +160,7 @@ Here are some ideas to get you started:
 
 To contribute, fork the repository, make your changes and the submit a pull request.
 
-Note: If you update the UI, please make sure to recompile the CSS with `tailwindcss -mo src/index.css`. You need to have the Tailwind CSS CLI installed ([instructions here](https://tailwindcss.com/docs/installation))
+Note: If you update the UI, please make sure to recompile the CSS with `tailwindcss -mo src/static/index.css`. You need to have the Tailwind CSS CLI installed ([instructions here](https://tailwindcss.com/docs/installation))
 
 ## Support
 

src/server.rs

@@ -18,7 +18,6 @@ const FAVICON_SVG: &[u8] = include_bytes!("static/favicon.svg");
 const APPLE_TOUCH_ICON: &[u8] = include_bytes!("static/apple-touch-icon.png");
 
 pub async fn serve(port: &u16, updates: &[(String, Option<bool>)]) -> std::io::Result<()> {
-    println!("Serving on http://0.0.0.0:{}", port);
     App::new()
         .with_state(updates.to_owned())
         .at("/", get(handler_service(home)))

src/static/template.liquid

@@ -5,6 +5,7 @@
     <meta name="theme-color" content="#ffffff">
     <link rel="icon" href="favicon.svg">
     <link rel="apple-touch-icon" href="apple-touch-icon.png">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0"  />
     <style>
       {{ style }}
     </style>

tailwind.config.js

@@ -1,7 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
-    "src/template.liquid"
+    "src/static/template.liquid"
   ],
   theme: {
     extend: {},