Removing default debug search. Fixing mobile layouts.

njt1982 · Mar 20, 2019 · 502b7ac · 502b7ac
1 parent f589831
commit 502b7ac
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/_handlebar_templates/recipe_card.handlebars b/_handlebar_templates/recipe_card.handlebars
@@ -1,4 +1,4 @@
-<div class="col-sm-4 mb-3">
+<div class="col-6 col-md-4 mb-3">
   <div class="card recipe">
     <div class="card-header d-flex justify-content-between align-items-center">
       {{#if result.texture}}
@@ -22,7 +22,7 @@
         {{/if}}
 
         {{#if inShape}}
-          <table class="in-shape table table-bordered w-auto mx-auto">
+          <table class="in-shape table table-bordered w-auto mx-auto mb-0">
           {{#each inShape}}
             <tr class="in-shape-row">
               {{#each this}}

diff --git a/_sass/_custom.scss b/_sass/_custom.scss
@@ -1,6 +1,11 @@
 img.mc-item {
-  width: 32px;
-  height: 32px;
+  width: 16px;
+  height: 16px;
+
+  @include media-breakpoint-up(sm) {
+    width: 32px;
+    height: 32px;
+  }
   image-rendering: pixelated;
   cursor: pointer;
 }

diff --git a/assets/js/custom.js b/assets/js/custom.js
@@ -25,10 +25,13 @@
       return acc;
     }, {});
 
+    /*
+    // Enable this for debugging on-load
     $searchBox.val('iron ingot').trigger('keyup');
     setTimeout(function() {
       $('button', searchResult).first().click();
     }, 200);
+    */
   });
 
   var getItem = function(item) {

diff --git a/assets/js/templates.js b/assets/js/templates.js