From 0ce3b3a77948bff45b10ef7f883704a721aa55a8 Mon Sep 17 00:00:00 2001
From: John Cleaver <cleaver.john.k@gmail.com>
Date: Fri, 8 Mar 2019 22:09:12 -0500
Subject: [PATCH] Adjust Sizes for Mobile and Tablets (#109)

* Shrink titles

* Correct column sizing on tablet and mobile
---
 src/components/bundles/BundleItems.vue | 6 +++---
 src/components/search/Search.vue       | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/bundles/BundleItems.vue b/src/components/bundles/BundleItems.vue
index c274249..ed4fb91 100644
--- a/src/components/bundles/BundleItems.vue
+++ b/src/components/bundles/BundleItems.vue
@@ -3,7 +3,7 @@
     <section class="container">
       <div class="columns">
         <div class="column">
-          <h3 class="title">
+          <h3 class="title is-4">
             {{bundle.name}}
             <span class="is-pulled-right">{{bundle.items_required}}</span>
           </h3>
@@ -12,7 +12,7 @@
           </h5>
         </div>
         <div class="column">
-          <h3 class="title">
+          <h3 class="title is-4">
             {{bundle.room.name}}
             <span class="is-pulled-right">{{bundle.room.items_required}}</span>
           </h3>
@@ -26,7 +26,7 @@
     <!-- </section>
     <section class="section"> -->
         <div class="columns is-multiline">
-          <div class="column is-3 is-flex" v-for="bundleitem in bundleItems" :key="bundleitem.id">
+          <div class="column is-3 is-12-mobile is-6-tablet is-flex" v-for="bundleitem in bundleItems" :key="bundleitem.id">
             <item-card :item="bundleitem.item"></item-card>
           </div>
         </div>
diff --git a/src/components/search/Search.vue b/src/components/search/Search.vue
index 09b77ca..f85fe7a 100644
--- a/src/components/search/Search.vue
+++ b/src/components/search/Search.vue
@@ -3,7 +3,7 @@
   <search-form v-model="search"></search-form>
   <section class="container">
     <div class="columns is-multiline">
-      <div class="column is-3 is-flex" v-for="item in filtered_items" :key="item.id">
+      <div class="column is-3 is-12-mobile is-6-tablet is-flex" v-for="item in filtered_items" :key="item.id">
         <item-card :item="item"></item-card>
       </div>
     </div>