From 937ab0c297157d55c11e977494d1ceafc27e75b4 Mon Sep 17 00:00:00 2001
From: mdantuono <mikeishere3@gmail.com>
Date: Mon, 26 Apr 2021 20:46:01 -0400
Subject: [PATCH] Make category header larger

---
 src/components/Scroller.svelte   | 2 +-
 src/components/Subheading.svelte | 2 +-
 src/routes/browse.svelte         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Scroller.svelte b/src/components/Scroller.svelte
index d9418f1..ba9afab 100644
--- a/src/components/Scroller.svelte
+++ b/src/components/Scroller.svelte
@@ -6,7 +6,7 @@
     export let things = [];
 </script>
 
-<div class="flex flex-row overflow-auto pl-8 py-7 lg:flex-wrap">
+<div class="flex flex-row overflow-auto pl-4 py-7 lg:flex-wrap">
     {#each things as thing}
         <div class="pr-3 lg:pr-6 lg:pb-6">
             <Card style="h-24 w-24 lg:h-48 lg:w-48">
diff --git a/src/components/Subheading.svelte b/src/components/Subheading.svelte
index dc94897..165f912 100644
--- a/src/components/Subheading.svelte
+++ b/src/components/Subheading.svelte
@@ -4,7 +4,7 @@
     export let oversized = false;
     export let color = "inherit";
 
-    let size = oversized ? "text-6xl" : "text-xl";
+    let size = oversized ? "text-6xl" : "text-xl md:text-2xl lg:text-3xl";
 </script>
 
 <h3 class:caps class:center class="{size} font-bold text-{color}">
diff --git a/src/routes/browse.svelte b/src/routes/browse.svelte
index 02f69aa..6545752 100644
--- a/src/routes/browse.svelte
+++ b/src/routes/browse.svelte
@@ -70,7 +70,7 @@
             {#each data.categories as category}
                 <div>
                     <Container>
-                        <Subheading>{category}:</Subheading>
+                        <Subheading>{category}</Subheading>
                     </Container>
                     <Scroller things={filterThings(category)} />
                 </div>