From 3e2b16971d2c6418a5edbcb258d4a95d05e224e6 Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Tue, 20 Sep 2022 17:25:02 -0700
Subject: [PATCH] Tweak gear layout

---
 src/components/gear/RegularGear.vue | 4 ++--
 src/views/GearView.vue              | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/gear/RegularGear.vue b/src/components/gear/RegularGear.vue
index b3f9ffb..bdf0377 100644
--- a/src/components/gear/RegularGear.vue
+++ b/src/components/gear/RegularGear.vue
@@ -34,9 +34,9 @@
       </div>
 
       <div class="hidden md:block px-2">
-        <div class="flex flex-wrap justify-center">
+        <div class="flex flex-wrap justify-center max-w-3xl">
           <div class="my-6 w-1/3 flex justify-center" v-for="gear in gears" :key="gear.id">
-            <GearCard class="w-64"  :gear="gear" />
+            <GearCard :gear="gear" />
           </div>
         </div>
       </div>
diff --git a/src/views/GearView.vue b/src/views/GearView.vue
index 46427c8..5ecc25b 100644
--- a/src/views/GearView.vue
+++ b/src/views/GearView.vue
@@ -1,10 +1,10 @@
 <template>
   <MainLayout title="SplatNet Gear">
     <div class="grow flex items-center justify-center">
-      <div class="mx-4 md:mx-12 max-w-screen-xl w-full">
-        <div class="flex items-center flex-col lg:flex-row space-y-10 lg:space-y-0 lg:space-x-16">
-          <div class="flex-none max-w-sm xl:max-w-md">
-            <DailyDropGear class="md:-rotate-1" />
+      <div class="mx-4 md:mx-12 w-full">
+        <div class="flex items-center justify-center flex-col lg:flex-row space-y-10 lg:space-y-0 lg:space-x-16">
+          <div class="flex-none">
+            <DailyDropGear class="max-w-sm xl:max-w-md md:-rotate-1" />
           </div>
 
           <div>