make the lost mobile-friendly

2024-02-01 18:06:57 -05:00 · 2024-02-01 18:06:57 -05:00 · d9789df147
parent d66fc12327
commit d9789df147
2 changed files with 13 additions and 2 deletions
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@ -77,4 +77,15 @@
    td {
        font-size: var(--font-size-10);
    }
+
+    @media screen and (max-width: 730px) {
+        h1 {
+            font-size: var(--font-size-12);
+        }
+        p {
+            font-size: inherit;
+            margin-left: 1em;
+            margin-right: 1em;
+        }
+    }
 </style>
--- a/src/routes/GameList.svelte
+++ b/src/routes/GameList.svelte
@ -2,11 +2,11 @@
    {#each games as game}
        <div class="grid top-align">
            <a
-                class="s2"
+                class="s12 m2"
                target="_blank"
                href={`https://boardgamegeek.com/boardgame/${game.bgg_id}`}>
                <img src={game.thumbnail} height="80" /></a>
-            <div class="grid s10">
+            <div class="grid s12 m10">
                <div class="s8 left-align">
                    <strong>
                        <a