From 858180ce872efdb7dce3696c90fc203dfe4d9c8b Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Sat, 18 Feb 2023 09:49:19 -0800
Subject: [PATCH] Tweak some sizes

---
 src/components/SplatfestBox.vue        | 2 +-
 src/components/SplatfestResultsBox.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/SplatfestBox.vue b/src/components/SplatfestBox.vue
index 2e1aa32..3fa62f4 100644
--- a/src/components/SplatfestBox.vue
+++ b/src/components/SplatfestBox.vue
@@ -1,7 +1,7 @@
 <template>
   <ProductContainer class="pt-10 pb-4" bg="bg-zinc-500 bg-camo-purple">
     <div class="space-y-2">
-      <div class="font-splatoon1 lg:text-2xl xl:text-3xl text-shadow mx-2">
+      <div class="font-splatoon1 text-2xl xl:text-3xl text-shadow mx-2">
         {{ $t(title) }}
       </div>
 
diff --git a/src/components/SplatfestResultsBox.vue b/src/components/SplatfestResultsBox.vue
index e5c2950..8619bff 100644
--- a/src/components/SplatfestResultsBox.vue
+++ b/src/components/SplatfestResultsBox.vue
@@ -1,15 +1,15 @@
 <template>
   <ProductContainer class="pt-10 pb-4" bg="bg-camo-purple" :bgStyle="`background-color: ${toRgba(winner.color)};`">
     <div class="space-y-2">
-      <div class="font-splatoon1 text-sm lg:text-3xl text-shadow mx-2">
+      <div class="font-splatoon1 text-2xl lg:text-3xl text-shadow mx-2">
         {{ $t('festival.results.title') }}
       </div>
 
       <div class="mx-2 px-1 bg-zinc-700 bg-opacity-50 backdrop-blur-sm rounded-lg">
-        <div class="flex justify-end md:justify-center py-2">
-          <div class="w-20 md:w-36 -mx-1"></div>
+        <div class="flex justify-center md:justify-center py-2">
+          <div class="w-36 sm:mx-4 lg:-mx-1"></div>
           <template v-for="team in festival.teams" :key="team.id">
-            <div class="w-12 mx-2 md:w-20 flex justify-center py-1 rounded" :style="`background-color: ${toRgba(team.color)};`">
+            <div class="w-12 mx-2 sm:w-20 flex justify-center py-1 rounded" :style="`background-color: ${toRgba(team.color)};`">
               <img :src="team.image.url" class="w-6 h-6" />
             </div>
           </template>