Styling and lighthouse

benfoxall · May 30, 2024 · 0d3c382 · 0d3c382
1 parent 055540e
commit 0d3c382
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/v2/index.html b/v2/index.html
@@ -1,14 +1,14 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <meta name="description" content="Convert your Last.fm data to CSV format effortlessly. Use this tool to fetch and format data from the Last.fm API.">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="dist/main.css">
     <title>lastfm-to-csv</title>
   </head>
   <body>
     <h1>lastfm to csv (v2)</h1>
-
     <script src="dist/main.js" type="module"></script>
   </body>
 </html>
diff --git a/v2/src/App.tsx b/v2/src/App.tsx
@@ -28,7 +28,7 @@ export const App = () => {
                 db.users.add({user})
             }
         }}>
-            <input name="username" placeholder="lastfm username" />
+            <input name="username" placeholder="lastfm username" autoComplete="off" />
             <button>Add user</button>
         </form>
     </>
@@ -69,17 +69,14 @@ function User({user}: {user: string}) {
     }
 
     return <section>
-        <h4>{user}</h4>
+        <h2>{user}</h2>
 
         <button onClick={remove}>&times; remove</button>
 
             <br />
             <button onClick={() => load()}>load tracks</button>
 
-            <p>{count || 0}</p>
-
-            <br /><br />
-
+            <p>tracks: {count || 0}</p>
     </section>
 
 }
diff --git a/v2/src/main.css b/v2/src/main.css
@@ -3,3 +3,11 @@ body {
     color: #fff;
     font-family: monospace;
 }
+
+ul {
+    padding: 0;
+}
+li {
+    list-style: none;
+    padding: 1em;
+}