From 8e8cfc8b61486520ab9872214047baab6963f86f Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 16:34:50 +0800
Subject: [PATCH 01/31] ADD: link to item page on item img

---
 views/partials/itemCards.ejs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index 2658c29..a6f0bde 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -5,15 +5,15 @@
   <span> <a href="/search?fixture=<%- fixture %>"> <%- fixture.toLowerCase() %> </a></span>
 </div>
 <% if (uuid) { %>
-  <div class="well col-xs-12"> 
+  <div class="well col-xs-12">
 <% } else { %>
   <div class="well faded col-xs-12">
 <% } %>
   <div class="col-xs-2">
     <% if (picture === undefined || picture === '') { %>
-      <img class="itemImg" src="noImg.png" />
+      <a href="/<%- uuid %>"> <img class="itemImg" src="noImg.png" /> </a>
     <% }else{ %>
-      <img class="itemImg" src=" <%- picture %> " />
+      <a href="/<%- uuid %>"><img class="itemImg" src=" <%- picture %> " /> </a>
     <%}%>
   </div>
   <div class="itemTitle col-xs-8">

From 92b069ff90e7cc6eb54b3b86446aa4b981d81d2a Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 16:49:57 +0800
Subject: [PATCH 02/31] REMOVE: forced upper & lower styling for item card
 titles

---
 views/partials/itemCards.ejs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index a6f0bde..22801c8 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -18,11 +18,11 @@
   </div>
   <div class="itemTitle col-xs-8">
     <% if (uuid) { %>
-      <h4> <a href="/<%- uuid %>"> <%- fixture.toUpperCase().bold() %> </a> </h4>
+      <h4> <a href="/<%- uuid %>"> <%- fixture.bold() %> </a> </h4>
     <% } else { %>
-      <h4> <%- fixture.toUpperCase().bold() %> </h4>
+      <h4> <%- fixture.bold() %> </h4>
     <% } %>
-    <span> <%- model.toLowerCase().italics() %> </span>
+    <span> <%- model.italics() %> </span>
   </div>
   <div class="itemImg col-xs-2">
     <% if (status === 'broken') { %>

From e57e4c262d64e27a1b7a882853dcb689bce0fa3a Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 17:01:40 +0800
Subject: [PATCH 03/31] REMOVE: bootstrap nesting & extra margin around item
 cards

---
 public/main.css  | 1 +
 views/search.ejs | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/main.css b/public/main.css
index bb79e66..b66865c 100644
--- a/public/main.css
+++ b/public/main.css
@@ -42,6 +42,7 @@
 .resultContainer {
     margin-top: 1em;
     overflow: hidden;
+    width: 100%;
 }
 
 .faded{
diff --git a/views/search.ejs b/views/search.ejs
index 0542dd2..743a699 100644
--- a/views/search.ejs
+++ b/views/search.ejs
@@ -1,5 +1,5 @@
 <% include ./partials/header %>
-<div class="resultContainer col-xs-12">
+<div class="resultContainer">
   <% matches.forEach(function(el) { %>
     <%- include('./partials/itemCards', el); %>
   <% }) %>

From 5fc9303d93db47e1ed5a38e2ad77a75c2e25114c Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 17:06:05 +0800
Subject: [PATCH 04/31] ADD: conditional img link for item cards

---
 views/partials/itemCards.ejs | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index 22801c8..ab40c8c 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -11,9 +11,17 @@
 <% } %>
   <div class="col-xs-2">
     <% if (picture === undefined || picture === '') { %>
-      <a href="/<%- uuid %>"> <img class="itemImg" src="noImg.png" /> </a>
+      <% if (uuid) { %>
+        <a href="/<%- uuid %>"> <img class="itemImg" src="noImg.png" /> </a>
+      <% } else { %>
+        <img class="itemImg" src="noImg.png" />
+      <% } %>
     <% }else{ %>
-      <a href="/<%- uuid %>"><img class="itemImg" src=" <%- picture %> " /> </a>
+      <% if (uuid) { %>
+        <a href="/<%- uuid %>"><img class="itemImg" src=" <%- picture %> " /> </a>
+      <% } else { %>
+        <img class="itemImg" src=" <%- picture %> " />
+      <% } %>
     <%}%>
   </div>
   <div class="itemTitle col-xs-8">

From 3161d308134fd489d93add4f5ee52da5417419c3 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 17:09:56 +0800
Subject: [PATCH 05/31] REMOVE: bootstrap nesting & margin from item page divs

---
 views/item.ejs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/views/item.ejs b/views/item.ejs
index c8807d2..8761768 100644
--- a/views/item.ejs
+++ b/views/item.ejs
@@ -1,6 +1,6 @@
 <% include ./partials/header %>
-<div class="resultContainer container">
-	<div class="col-xs-12"><% include ./partials/itemCards %></div>
-	<div class="col-xs-12"><% include ./partials/itemImgInfo %></div>
+<div class="resultContainer">
+  <% include ./partials/itemCards %>
+  <% include ./partials/itemImgInfo %>
 </div>
 <% include ./partials/footer %>

From 7bc3d809e07a928bea45cadfcea210e8959492f2 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 17:25:45 +0800
Subject: [PATCH 06/31] REMOVE: unused CSS rules

---
 public/main.css | 27 ++++++++-------------------
 1 file changed, 8 insertions(+), 19 deletions(-)

diff --git a/public/main.css b/public/main.css
index b66865c..8a8f683 100644
--- a/public/main.css
+++ b/public/main.css
@@ -40,13 +40,13 @@
 }
 
 .resultContainer {
-    margin-top: 1em;
-    overflow: hidden;
-    width: 100%;
+  margin-top: 1em;
+  overflow: hidden;
+  width: 100%;
 }
 
 .faded{
- opacity: 0.5;
+  opacity: 0.5;
 }
 
 .itemImg {
@@ -64,34 +64,23 @@
 }
 
 .itemTitle {
-    text-align: center;
-}
-
-.infoBox {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+  text-align: center;
 }
 
 article {
-  background-color: whitesmoke;
+  /*background-color: whitesmoke;
   border-radius: 3px;
   margin-bottom: 1em;
-  padding-bottom: 1em;
-  padding-top: 1em;
+  padding: 0;*/
 }
 
 .miniSearchItem{
   padding-bottom: 1em;
   padding-top: 1em;
 }
+
 .miniItemImg{
   width:100%;
-
-}
-.searchResultList {
-  list-style: none;
-  padding: 0;
 }
 
 .stickers{

From 30987d514f1fb669a63f35ec9beccd2dd34026f5 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 18:13:08 +0800
Subject: [PATCH 07/31] REMOVE: more unused CSS rules

---
 public/main.css | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/public/main.css b/public/main.css
index 8a8f683..7321a85 100644
--- a/public/main.css
+++ b/public/main.css
@@ -67,13 +67,6 @@
   text-align: center;
 }
 
-article {
-  /*background-color: whitesmoke;
-  border-radius: 3px;
-  margin-bottom: 1em;
-  padding: 0;*/
-}
-
 .miniSearchItem{
   padding-bottom: 1em;
   padding-top: 1em;

From b28becc55434ea3dadc9868e7ac323137b009df8 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 18:33:09 +0800
Subject: [PATCH 08/31] TWEAK: title vertical centering

---
 public/main.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/public/main.css b/public/main.css
index 7321a85..5f098eb 100644
--- a/public/main.css
+++ b/public/main.css
@@ -22,6 +22,8 @@
   color: white;
   font-size: 3em;
   overflow: hidden;
+  height: 100%;
+  line-height: 1.5em;
   text-align: center;
   white-space: nowrap;
 }
@@ -30,10 +32,10 @@
   #appTitle {
     color: white;
     font-size: 1.5em;
+    line-height: 3em;
     margin-left: 0;
     overflow: hidden;
     padding-left: 0;
-    padding-top: 13px;
     text-align: left;
     white-space: nowrap;
   }

From 14aa0a1abe77c0b22aa3aa8276ade80a110f9cd5 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 18:51:06 +0800
Subject: [PATCH 09/31] TWEAK: move inline styling to CSS file

---
 public/{emoji.png => frown.png} | Bin
 public/main.css                 |   3 +++
 views/notFound.ejs              |   6 ++----
 3 files changed, 5 insertions(+), 4 deletions(-)
 rename public/{emoji.png => frown.png} (100%)

diff --git a/public/emoji.png b/public/frown.png
similarity index 100%
rename from public/emoji.png
rename to public/frown.png
diff --git a/public/main.css b/public/main.css
index 5f098eb..d076fcc 100644
--- a/public/main.css
+++ b/public/main.css
@@ -84,3 +84,6 @@
   padding-bottom: 1em;
   padding-top: 1em;
 }
+.notFound{
+  margin-top:2em;
+}
diff --git a/views/notFound.ejs b/views/notFound.ejs
index 20dc903..3762adc 100644
--- a/views/notFound.ejs
+++ b/views/notFound.ejs
@@ -1,11 +1,9 @@
 <% include ./partials/header %>
-
-<img class="col-xs-12 col-lg-4 col-lg-offset-4" src="/emoji.png" alt="" />
-<article style='margin-top:2em'class="col-xs-12 col-lg-4 col-lg-offset-4">
+<img class="col-xs-12 col-lg-4 col-lg-offset-4" src="/frown.png" alt="" />
+<article class="notFound col-xs-12 col-lg-4 col-lg-offset-4">
   <p>Sorry, item not found with the id:</p>
   <p>
     <strong><%= id %></strong>
   </p>
 </article>
-
 <% include ./partials/footer %>

From 518c83037aec86647cbd5038903c4d387190232e Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 19:01:59 +0800
Subject: [PATCH 10/31] TWEAK: v-align title again

---
 public/main.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/main.css b/public/main.css
index d076fcc..b6d19db 100644
--- a/public/main.css
+++ b/public/main.css
@@ -23,7 +23,7 @@
   font-size: 3em;
   overflow: hidden;
   height: 100%;
-  line-height: 1.5em;
+  line-height: 1.6em;
   text-align: center;
   white-space: nowrap;
 }
@@ -32,7 +32,7 @@
   #appTitle {
     color: white;
     font-size: 1.5em;
-    line-height: 3em;
+    line-height: 3.25em;
     margin-left: 0;
     overflow: hidden;
     padding-left: 0;
@@ -84,6 +84,7 @@
   padding-bottom: 1em;
   padding-top: 1em;
 }
+
 .notFound{
   margin-top:2em;
 }

From 42ee28ae09b07631af90983174f1c8ba5dc98256 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 19:03:48 +0800
Subject: [PATCH 11/31] REMOVE: unused img

---
 i_love_qr.svg | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 i_love_qr.svg

diff --git a/i_love_qr.svg b/i_love_qr.svg
deleted file mode 100644
index d801ace..0000000
--- a/i_love_qr.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"><path d="M1 1h7v7h-7zM11 1h2v2h1v1h-1v1h1v6h-1v-2h-1v-1h1v-2h-1v-3h-1v3h-1v3h-1v-6h1v-1h1zM15 1h7v7h-7zM2 2v5h5v-5zM16 2v5h5v-5zM3 3h3v3h-3zM17 3h3v3h-3zM11 7h1v1h-1zM1 9h1v1h-1zM3 9h5v1h-2v1h3v-1h1v-1h2v2h-2v1h-5v-2h-1v1h-1zM15 9h5v3h1v1h-3v-1h1v-2h-4zM21 10h1v1h-1zM1 11h1v1h-1zM12 11h1v1h-1zM14 11h1v3h-1zM3 12h2v2h-4v-1h2zM16 12h1v2h2v1h-2v1h-2v-1h1zM6 13h3v1h-3zM10 13h3v1h1v5h-1v-2h-2v-1h2v-1h-1v-1h-1v2h-1v-1h-1v-1h1zM21 13h1v1h-1zM1 15h7v7h-7zM19 15h2v1h-1v1h-2v-1h1zM2 16v5h5v-5zM9 16h1v3h1v1h-2zM21 16h1v2h-1zM3 17h3v3h-3zM15 17h1v1h-1zM11 18h1v1h-1zM16 18h3v2h1v1h-1v1h-1v-1h-2v-1h2v-1h-2zM12 19h1v1h-1zM14 19h1v1h-1zM9 21h2v1h-2zM12 21h1v1h-1zM20 21h1v1h-1z"/></svg>
\ No newline at end of file

From e80ab30abcbd43dbb70e0cfc4ae12ee7e6bffc22 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 21:56:54 +0800
Subject: [PATCH 12/31] FIX: item img size increase, ADD: wrench.png for broken
 items

---
 public/main.css              |  36 ++++++++++++++++++++++++++++-------
 public/wrench.png            | Bin 0 -> 2881 bytes
 views/partials/itemCards.ejs |  16 ++++++++--------
 3 files changed, 37 insertions(+), 15 deletions(-)
 create mode 100644 public/wrench.png

diff --git a/public/main.css b/public/main.css
index b6d19db..15a816b 100644
--- a/public/main.css
+++ b/public/main.css
@@ -46,21 +46,43 @@
   overflow: hidden;
   width: 100%;
 }
-
+.card{
+  background-color: #DCDCDC;
+  border-bottom: 1px solid #000;
+  border-radius: 10px;
+  margin-bottom: 1em;
+}
 .faded{
   opacity: 0.5;
 }
-
+.pic{
+  /*border: 1px dotted blue;*/
+  /*padding: 0.5em 0 0.5em 0;*/
+}
+.tit{
+  /*border: 1px dotted red;*/
+}
+.sta{
+  /*border: 1px dotted green;*/
+  /*padding: 0.5em 0 0.5em 0;*/
+}
+.status{
+  margin: 0.5em 0 0.5em -6vw;
+  width: 150%;
+}
 .itemImg {
-  font-size: 11vw;
-  margin-left: -3vw;
-  width: 300%;
+  border-radius: 10px;
+  margin: 0.5em 0 0.5em -6vw;
+  width: 150%;
 }
 
 @media screen and (min-width: 500px) {
   .itemImg {
-    font-size: 9vw;
-    margin-left: 0;
+    margin: 0.5em 0 0.5em -2vw;
+    width: 100%;
+  }
+  .status{
+    margin: 0.5em 0 0.5em 0;
     width: 100%;
   }
 }
diff --git a/public/wrench.png b/public/wrench.png
new file mode 100644
index 0000000000000000000000000000000000000000..21d8a4ed4b4da8cd458205561e959e11773c6867
GIT binary patch
literal 2881
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

literal 0
HcmV?d00001

diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index ab40c8c..a392354 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -5,11 +5,11 @@
   <span> <a href="/search?fixture=<%- fixture %>"> <%- fixture.toLowerCase() %> </a></span>
 </div>
 <% if (uuid) { %>
-  <div class="well col-xs-12">
+  <div class="card col-xs-12">
 <% } else { %>
-  <div class="well faded col-xs-12">
+  <div class="card faded col-xs-12">
 <% } %>
-  <div class="col-xs-2">
+  <div class="pic col-xs-4">
     <% if (picture === undefined || picture === '') { %>
       <% if (uuid) { %>
         <a href="/<%- uuid %>"> <img class="itemImg" src="noImg.png" /> </a>
@@ -22,9 +22,9 @@
       <% } else { %>
         <img class="itemImg" src=" <%- picture %> " />
       <% } %>
-    <%}%>
+    <% } %>
   </div>
-  <div class="itemTitle col-xs-8">
+  <div class="tit itemTitle col-xs-4">
     <% if (uuid) { %>
       <h4> <a href="/<%- uuid %>"> <%- fixture.bold() %> </a> </h4>
     <% } else { %>
@@ -32,9 +32,9 @@
     <% } %>
     <span> <%- model.italics() %> </span>
   </div>
-  <div class="itemImg col-xs-2">
+  <div class="sta col-xs-4">
     <% if (status === 'broken') { %>
-      <span class="glyphicon glyphicon-wrench" title="Status: <%- status %>" alt="<%- status %>" style="color:red"></span>
-    <%}%>
+      <img class="status" title="Status: <%- status %>" alt="<%- status %>" style="color:red" src="wrench.png" />
+    <% } %>
   </div>
 </div>

From dea48996780b01c3369b939fd3d9364ac5e9041e Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Tue, 19 Dec 2017 22:20:44 +0800
Subject: [PATCH 13/31] REMOVE: temp CSS classes, TWEAK: img sizes

---
 public/main.css                | 15 +++------------
 views/partials/itemCards.ejs   |  6 +++---
 views/partials/itemImgInfo.ejs |  8 ++++----
 3 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/public/main.css b/public/main.css
index 15a816b..ca0a7c8 100644
--- a/public/main.css
+++ b/public/main.css
@@ -55,17 +55,7 @@
 .faded{
   opacity: 0.5;
 }
-.pic{
-  /*border: 1px dotted blue;*/
-  /*padding: 0.5em 0 0.5em 0;*/
-}
-.tit{
-  /*border: 1px dotted red;*/
-}
-.sta{
-  /*border: 1px dotted green;*/
-  /*padding: 0.5em 0 0.5em 0;*/
-}
+
 .status{
   margin: 0.5em 0 0.5em -6vw;
   width: 150%;
@@ -97,7 +87,8 @@
 }
 
 .miniItemImg{
-  width:100%;
+  border-radius: 10px;
+  width: 100%;
 }
 
 .stickers{
diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index a392354..341a7b6 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -9,7 +9,7 @@
 <% } else { %>
   <div class="card faded col-xs-12">
 <% } %>
-  <div class="pic col-xs-4">
+  <div class="col-xs-4">
     <% if (picture === undefined || picture === '') { %>
       <% if (uuid) { %>
         <a href="/<%- uuid %>"> <img class="itemImg" src="noImg.png" /> </a>
@@ -24,7 +24,7 @@
       <% } %>
     <% } %>
   </div>
-  <div class="tit itemTitle col-xs-4">
+  <div class="itemTitle col-xs-4">
     <% if (uuid) { %>
       <h4> <a href="/<%- uuid %>"> <%- fixture.bold() %> </a> </h4>
     <% } else { %>
@@ -32,7 +32,7 @@
     <% } %>
     <span> <%- model.italics() %> </span>
   </div>
-  <div class="sta col-xs-4">
+  <div class="col-xs-4">
     <% if (status === 'broken') { %>
       <img class="status" title="Status: <%- status %>" alt="<%- status %>" style="color:red" src="wrench.png" />
     <% } %>
diff --git a/views/partials/itemImgInfo.ejs b/views/partials/itemImgInfo.ejs
index 6a28ee2..56abf1a 100644
--- a/views/partials/itemImgInfo.ejs
+++ b/views/partials/itemImgInfo.ejs
@@ -1,17 +1,17 @@
 <% if (HOWTO) { %>
-  <article class="well col-xs-12">
+  <article class="card col-xs-12">
     <h2>How To</h2>
     <%- HOWTO %>
   </article>
 <%}%>
 <% if (Troubleshooting) { %>
-  <article class="well col-xs-12">
+  <article class="card col-xs-12">
     <h2>Need Help</h2>
     <%- Troubleshooting %>
   </article>
 <% } %>
 <% if ( similarItems.length > 0 ) { %>
-  <article class="well col-xs-12">
+  <article class="card col-xs-12">
     <h2>Similar Items</h2>
       <% for(var i = 0; i < similarItems.length; i++){ %>
         <div class='miniSearchItem col-xs-4'>
@@ -32,7 +32,7 @@
       <% } %>
   </article>
 <%}%>
-<article class="well col-xs-12">
+<article class="card col-xs-12">
   <h2>Details</h2>
   <%- details %>
   <ul>

From 472ffc36dd464c6df7fdb2c1cee3c12be8aabdf7 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Wed, 20 Dec 2017 16:39:34 +0800
Subject: [PATCH 14/31] FIX: consistent padding & margins

---
 public/main.css                | 27 ++++++++++++++-------
 views/partials/itemCards.ejs   |  6 ++---
 views/partials/itemImgInfo.ejs | 44 +++++++++++++++++-----------------
 3 files changed, 43 insertions(+), 34 deletions(-)

diff --git a/public/main.css b/public/main.css
index ca0a7c8..fc0677d 100644
--- a/public/main.css
+++ b/public/main.css
@@ -46,49 +46,58 @@
   overflow: hidden;
   width: 100%;
 }
+
 .card{
-  background-color: #DCDCDC;
-  border-bottom: 1px solid #000;
+  /*background-color: #DCDCDC;*/
+  /*border-bottom: 1px solid #000;*/
   border-radius: 10px;
   margin-bottom: 1em;
+  padding: 1em 0 1em 0;
 }
+
 .faded{
   opacity: 0.5;
 }
 
 .status{
-  margin: 0.5em 0 0.5em -6vw;
+  margin: 0 0 0 -6vw;
   width: 150%;
 }
 .itemImg {
   border-radius: 10px;
-  margin: 0.5em 0 0.5em -6vw;
+  margin: 0 0 0 -4vw;
   width: 150%;
 }
 
 @media screen and (min-width: 500px) {
   .itemImg {
-    margin: 0.5em 0 0.5em -2vw;
+    margin: 0 0 0 -1.5vw;
     width: 100%;
   }
   .status{
-    margin: 0.5em 0 0.5em 0;
+    margin: 0 0 0 2vw;
     width: 100%;
   }
 }
 
 .itemTitle {
+  font-size: 1.25em;
   text-align: center;
 }
 
+.infoTitle{
+  font-size: 2em;
+  line-height: 1em;
+  margin-bottom: 0.5em;
+}
+
 .miniSearchItem{
-  padding-bottom: 1em;
-  padding-top: 1em;
+  text-align: center;
 }
 
 .miniItemImg{
   border-radius: 10px;
-  width: 100%;
+  width: 32.5%;
 }
 
 .stickers{
diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index 341a7b6..69f756a 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -26,11 +26,11 @@
   </div>
   <div class="itemTitle col-xs-4">
     <% if (uuid) { %>
-      <h4> <a href="/<%- uuid %>"> <%- fixture.bold() %> </a> </h4>
+      <a href="/<%- uuid %>"> <%- fixture.bold() %> </a>
     <% } else { %>
-      <h4> <%- fixture.bold() %> </h4>
+      <%- fixture.bold() %>
     <% } %>
-    <span> <%- model.italics() %> </span>
+    <div style="font-size: 0.75em"> <%- model.italics() %> </div>
   </div>
   <div class="col-xs-4">
     <% if (status === 'broken') { %>
diff --git a/views/partials/itemImgInfo.ejs b/views/partials/itemImgInfo.ejs
index 56abf1a..9384a1f 100644
--- a/views/partials/itemImgInfo.ejs
+++ b/views/partials/itemImgInfo.ejs
@@ -1,39 +1,39 @@
 <% if (HOWTO) { %>
   <article class="card col-xs-12">
-    <h2>How To</h2>
+    <div class="infoTitle">How To</div>
     <%- HOWTO %>
   </article>
 <%}%>
 <% if (Troubleshooting) { %>
   <article class="card col-xs-12">
-    <h2>Need Help</h2>
+    <div class="infoTitle">Need Help</div>
     <%- Troubleshooting %>
   </article>
 <% } %>
 <% if ( similarItems.length > 0 ) { %>
-  <article class="card col-xs-12">
-    <h2>Similar Items</h2>
-      <% for(var i = 0; i < similarItems.length; i++){ %>
-        <div class='miniSearchItem col-xs-4'>
-          <% if (!similarItems[i].picture) { %>
-            <% if (!similarItems[i].uuid) { %>
-              <img class="miniItemImg faded" src="noImg.png" />
-            <% }else{ %>
-              <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src="noImg.png" /> </a>
-            <%}%>
-          <% } else{ %>
-            <% if (!similarItems[i].uuid) { %>
-              <img class="miniItemImg faded" src=" <%- similarItems[i].picture %> " />
-            <% }else{ %>
-              <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src=" <%- similarItems[i].picture %> " /> </a>
-            <%} %>
+  <div class="card col-xs-12">
+    <div class="infoTitle">Similar Items</div>
+    <div class='miniSearchItem'>
+      <% for (var i = 0; i < similarItems.length; i++) { %>
+        <% if (!similarItems[i].picture) { %>
+          <% if (!similarItems[i].uuid) { %>
+            <img class="miniItemImg faded" src="noImg.png" />
+          <% }else{ %>
+            <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src="noImg.png" /> </a>
+          <%}%>
+        <% } else{ %>
+          <% if (!similarItems[i].uuid) { %>
+            <img class="miniItemImg faded" src=" <%- similarItems[i].picture %> " />
+          <% }else{ %>
+            <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src=" <%- similarItems[i].picture %> " /> </a>
           <% } %>
-         </div>
+        <% } %>
       <% } %>
-  </article>
-<%}%>
+    </div>
+  </div>
+<% } %>
 <article class="card col-xs-12">
-  <h2>Details</h2>
+  <div class="infoTitle">Details</div>
   <%- details %>
   <ul>
     <li>model: <%- model %></li>

From 7fa19913c034101f34e7f2db23edaa0e396683b8 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Wed, 20 Dec 2017 16:50:19 +0800
Subject: [PATCH 15/31] ADD: background color

---
 public/main.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/public/main.css b/public/main.css
index fc0677d..f78a110 100644
--- a/public/main.css
+++ b/public/main.css
@@ -48,8 +48,7 @@
 }
 
 .card{
-  /*background-color: #DCDCDC;*/
-  /*border-bottom: 1px solid #000;*/
+  background-color: #DCDCDC;
   border-radius: 10px;
   margin-bottom: 1em;
   padding: 1em 0 1em 0;

From 2e27415c2317d01824d3afe4c78a25535d57c5b1 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Thu, 21 Dec 2017 16:58:23 +0800
Subject: [PATCH 16/31] FIX: shrunk & centered wrench icon

---
 public/main.css              | 9 +++++----
 views/partials/itemCards.ejs | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/public/main.css b/public/main.css
index f78a110..605d581 100644
--- a/public/main.css
+++ b/public/main.css
@@ -59,9 +59,10 @@
 }
 
 .status{
-  margin: 0 0 0 -6vw;
-  width: 150%;
+  margin: 2em 0 0 0;
+  width: 75%;
 }
+
 .itemImg {
   border-radius: 10px;
   margin: 0 0 0 -4vw;
@@ -74,8 +75,8 @@
     width: 100%;
   }
   .status{
-    margin: 0 0 0 2vw;
-    width: 100%;
+    margin: 4.5em 0 0 0;
+    width: 50%;
   }
 }
 
diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index 69f756a..d876bf9 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -32,7 +32,7 @@
     <% } %>
     <div style="font-size: 0.75em"> <%- model.italics() %> </div>
   </div>
-  <div class="col-xs-4">
+  <div class="col-xs-4" style='text-align: center'>
     <% if (status === 'broken') { %>
       <img class="status" title="Status: <%- status %>" alt="<%- status %>" style="color:red" src="wrench.png" />
     <% } %>

From 0b97e5951194689977ba04fd3d14b3600cf9c1eb Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Thu, 21 Dec 2017 17:49:28 +0800
Subject: [PATCH 17/31] FIX: similar items imgs align left

---
 public/main.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/main.css b/public/main.css
index 605d581..c4df0aa 100644
--- a/public/main.css
+++ b/public/main.css
@@ -92,7 +92,7 @@
 }
 
 .miniSearchItem{
-  text-align: center;
+  text-align: left;
 }
 
 .miniItemImg{

From 650d0608b6fed0e73e9f7f654c92f3ff11772e1a Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Thu, 21 Dec 2017 17:51:33 +0800
Subject: [PATCH 18/31] FIX: no more round edge on imgs

---
 public/main.css | 2 --
 1 file changed, 2 deletions(-)

diff --git a/public/main.css b/public/main.css
index c4df0aa..d83bcba 100644
--- a/public/main.css
+++ b/public/main.css
@@ -64,7 +64,6 @@
 }
 
 .itemImg {
-  border-radius: 10px;
   margin: 0 0 0 -4vw;
   width: 150%;
 }
@@ -96,7 +95,6 @@
 }
 
 .miniItemImg{
-  border-radius: 10px;
   width: 32.5%;
 }
 

From 8dbbadc307d4508d89e70fcf9a1eb015a02ae6fd Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Thu, 21 Dec 2017 17:53:48 +0800
Subject: [PATCH 19/31] FIX: lighter background color

---
 public/main.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/main.css b/public/main.css
index d83bcba..bcad816 100644
--- a/public/main.css
+++ b/public/main.css
@@ -48,7 +48,7 @@
 }
 
 .card{
-  background-color: #DCDCDC;
+  background-color: #EEE;
   border-radius: 10px;
   margin-bottom: 1em;
   padding: 1em 0 1em 0;

From 56d06f0320a7e2446670bb82bd27f886613d3992 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Thu, 21 Dec 2017 17:57:54 +0800
Subject: [PATCH 20/31] FIX: breadcrumb padding

---
 public/main.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/main.css b/public/main.css
index bcad816..72191e1 100644
--- a/public/main.css
+++ b/public/main.css
@@ -50,7 +50,7 @@
 .card{
   background-color: #EEE;
   border-radius: 10px;
-  margin-bottom: 1em;
+  margin: 0.5em 0;
   padding: 1em 0 1em 0;
 }
 

From 97bea3bc86597ed6e102dfa8d053c048450f0986 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Thu, 21 Dec 2017 22:35:10 +0800
Subject: [PATCH 21/31] FIX: similar items aligned better

---
 public/main.css                | 18 ++++++++++++++----
 views/partials/itemImgInfo.ejs | 10 +++++-----
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/public/main.css b/public/main.css
index 72191e1..3af21a9 100644
--- a/public/main.css
+++ b/public/main.css
@@ -73,10 +73,15 @@
     margin: 0 0 0 -1.5vw;
     width: 100%;
   }
+  
   .status{
     margin: 4.5em 0 0 0;
     width: 50%;
   }
+
+  #miniImg1{
+    margin: 0 0 0 2em;
+  }
 }
 
 .itemTitle {
@@ -90,12 +95,17 @@
   margin-bottom: 0.5em;
 }
 
-.miniSearchItem{
-  text-align: left;
+.miniItemImg{
+  width: 30.5%;
+}
+
+#miniImg1{
+  margin: 0 0 0 0.83em;
 }
 
-.miniItemImg{
-  width: 32.5%;
+#miniImg2{
+  float: right;
+  margin-right: 0;
 }
 
 .stickers{
diff --git a/views/partials/itemImgInfo.ejs b/views/partials/itemImgInfo.ejs
index 9384a1f..d594083 100644
--- a/views/partials/itemImgInfo.ejs
+++ b/views/partials/itemImgInfo.ejs
@@ -3,7 +3,7 @@
     <div class="infoTitle">How To</div>
     <%- HOWTO %>
   </article>
-<%}%>
+<% } %>
 <% if (Troubleshooting) { %>
   <article class="card col-xs-12">
     <div class="infoTitle">Need Help</div>
@@ -17,15 +17,15 @@
       <% for (var i = 0; i < similarItems.length; i++) { %>
         <% if (!similarItems[i].picture) { %>
           <% if (!similarItems[i].uuid) { %>
-            <img class="miniItemImg faded" src="noImg.png" />
+            <img class="miniItemImg faded" src="noImg.png" id='miniImg<%- i %>' />
           <% }else{ %>
-            <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src="noImg.png" /> </a>
+            <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src="noImg.png" id='miniImg<%- i %>'/> </a>
           <%}%>
         <% } else{ %>
           <% if (!similarItems[i].uuid) { %>
-            <img class="miniItemImg faded" src=" <%- similarItems[i].picture %> " />
+            <img class="miniItemImg faded" src=" <%- similarItems[i].picture %> " id='miniImg<%- i %>'/>
           <% }else{ %>
-            <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src=" <%- similarItems[i].picture %> " /> </a>
+            <a href="/<%- similarItems[i].uuid %>"> <img class="miniItemImg" src=" <%- similarItems[i].picture %> " id='miniImg<%- i %>'/> </a>
           <% } %>
         <% } %>
       <% } %>

From 212a39004916ac39358b68203bb8ac6d2c0f7b53 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sat, 23 Dec 2017 01:13:08 +0800
Subject: [PATCH 22/31] ADD: flex, REMOVE: bootstrap from itemCard

---
 public/main.css              | 52 +++++++++++++++++++++++++-----------
 views/partials/itemCards.ejs | 19 +++++++------
 2 files changed, 48 insertions(+), 23 deletions(-)

diff --git a/public/main.css b/public/main.css
index 3af21a9..f02b2f4 100644
--- a/public/main.css
+++ b/public/main.css
@@ -47,44 +47,66 @@
   width: 100%;
 }
 
+.breadcrumbs{
+  margin-left: 5px;
+}
+
 .card{
-  background-color: #EEE;
-  border-radius: 10px;
-  margin: 0.5em 0;
-  padding: 1em 0 1em 0;
+  align-items: center;
+  background: #CCC;
+  display: flex;
+  justify-content: space-between;
+  margin: 2.5px 5px;
 }
 
-.faded{
-  opacity: 0.5;
+.image {
+  flex: 1;
+  margin: 5px;
+}
+
+.itemImg {
+  max-height: 150px;
+  max-width: 100%;
+}
+
+.itemTitle {
+  flex: 2;
+}
+
+.center {
+  padding: 20px;
+  text-align: center;
+}
+
+.right {
+  text-align: right;
 }
 
 .status{
-  margin: 2em 0 0 0;
   width: 75%;
 }
 
-.itemImg {
-  margin: 0 0 0 -4vw;
-  width: 150%;
+.faded{
+  opacity: 0.5;
 }
 
 @media screen and (min-width: 500px) {
-  .itemImg {
+  /*.itemImg {
     margin: 0 0 0 -1.5vw;
     width: 100%;
   }
-  
+
   .status{
     margin: 4.5em 0 0 0;
     width: 50%;
-  }
+  }*/
 
   #miniImg1{
     margin: 0 0 0 2em;
   }
 }
 
-.itemTitle {
+/*.itemTitle {
   font-size: 1.25em;
   text-align: center;
 }
@@ -93,7 +115,7 @@
   font-size: 2em;
   line-height: 1em;
   margin-bottom: 0.5em;
-}
+}*/
 
 .miniItemImg{
   width: 30.5%;
diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index d876bf9..413d3f7 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -1,15 +1,15 @@
-<div class="col-xs-12">
+<div class="breadcrumbs">
   <span> <a href="/search?floor=<%- floor %>"> <%- floor.toLowerCase() %> </a></span> >
   <span> <a href="/search?floor=<%- floor %>&room=<%- room %>"> <%- room.toLowerCase() %>  </a></span> >
   <span> <a href="/search?floor=<%- floor %>&room=<%- room %>&location=<%- location %>"> <%- location.toLowerCase() %>  </a></span> >
   <span> <a href="/search?fixture=<%- fixture %>"> <%- fixture.toLowerCase() %> </a></span>
 </div>
 <% if (uuid) { %>
-  <div class="card col-xs-12">
+  <div class="card">
 <% } else { %>
-  <div class="card faded col-xs-12">
+  <div class="card faded">
 <% } %>
-  <div class="col-xs-4">
+  <div class="image">
     <% if (picture === undefined || picture === '') { %>
       <% if (uuid) { %>
         <a href="/<%- uuid %>"> <img class="itemImg" src="noImg.png" /> </a>
@@ -24,17 +24,20 @@
       <% } %>
     <% } %>
   </div>
-  <div class="itemTitle col-xs-4">
+  <div class="itemTitle">
     <% if (uuid) { %>
-      <a href="/<%- uuid %>"> <%- fixture.bold() %> </a>
+      <div class="center">
+        <a href="/<%- uuid %>"> <%- fixture.bold() %> </a>
     <% } else { %>
+      <div class="center">
       <%- fixture.bold() %>
     <% } %>
     <div style="font-size: 0.75em"> <%- model.italics() %> </div>
+    </div>
   </div>
-  <div class="col-xs-4" style='text-align: center'>
+  <div class="image right">
     <% if (status === 'broken') { %>
-      <img class="status" title="Status: <%- status %>" alt="<%- status %>" style="color:red" src="wrench.png" />
+      <img class="img status" title="Status: <%- status %>" alt="<%- status %>" src="wrench.png" />
     <% } %>
   </div>
 </div>

From c0673423ca9a588476b8d49e75f755e58e8d92d8 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sat, 23 Dec 2017 01:18:23 +0800
Subject: [PATCH 23/31] REMOVE: JS style methods, ADD: CSS rules instead

---
 public/main.css              |  7 +++++++
 views/partials/itemCards.ejs | 14 +++++++-------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/public/main.css b/public/main.css
index f02b2f4..33e9fe8 100644
--- a/public/main.css
+++ b/public/main.css
@@ -74,10 +74,17 @@
 }
 
 .center {
+  font-weight: bold;
   padding: 20px;
   text-align: center;
 }
 
+.subTitle{
+  font-size: 0.75em;
+  font-style: italic;
+  font-weight: normal;
+}
+
 .right {
   text-align: right;
 }
diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index 413d3f7..4320b35 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -1,8 +1,8 @@
 <div class="breadcrumbs">
-  <span> <a href="/search?floor=<%- floor %>"> <%- floor.toLowerCase() %> </a></span> >
-  <span> <a href="/search?floor=<%- floor %>&room=<%- room %>"> <%- room.toLowerCase() %>  </a></span> >
-  <span> <a href="/search?floor=<%- floor %>&room=<%- room %>&location=<%- location %>"> <%- location.toLowerCase() %>  </a></span> >
-  <span> <a href="/search?fixture=<%- fixture %>"> <%- fixture.toLowerCase() %> </a></span>
+  <span> <a href="/search?floor=<%- floor %>"> <%- floor %> </a></span> >
+  <span> <a href="/search?floor=<%- floor %>&room=<%- room %>"> <%- room %>  </a></span> >
+  <span> <a href="/search?floor=<%- floor %>&room=<%- room %>&location=<%- location %>"> <%- location %>  </a></span> >
+  <span> <a href="/search?fixture=<%- fixture %>"> <%- fixture %> </a></span>
 </div>
 <% if (uuid) { %>
   <div class="card">
@@ -27,12 +27,12 @@
   <div class="itemTitle">
     <% if (uuid) { %>
       <div class="center">
-        <a href="/<%- uuid %>"> <%- fixture.bold() %> </a>
+        <a href="/<%- uuid %>"> <%- fixture %> </a>
     <% } else { %>
       <div class="center">
-      <%- fixture.bold() %>
+      <%- fixture %>
     <% } %>
-    <div style="font-size: 0.75em"> <%- model.italics() %> </div>
+    <div class="subTitle"> <%- model %> </div>
     </div>
   </div>
   <div class="image right">

From 7f13d77b5ab70d89544e5264192c79f5df95aabf Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sat, 23 Dec 2017 04:39:19 +0800
Subject: [PATCH 24/31] MODIFY: itemImgInfo styling to matche itemCard style

---
 public/main.css                | 42 ++++++++++++++--------------------
 views/partials/itemImgInfo.ejs |  8 +++----
 2 files changed, 21 insertions(+), 29 deletions(-)

diff --git a/public/main.css b/public/main.css
index 33e9fe8..9fe1ead 100644
--- a/public/main.css
+++ b/public/main.css
@@ -39,6 +39,14 @@
     text-align: left;
     white-space: nowrap;
   }
+
+  #miniImg1{
+    margin: 0 0 0 2em;
+  }
+
+  .status{
+    width: 35%;
+  }
 }
 
 .resultContainer {
@@ -90,46 +98,30 @@
 }
 
 .status{
-  width: 75%;
+  width: 65%;
 }
 
 .faded{
   opacity: 0.5;
 }
 
-@media screen and (min-width: 500px) {
-  /*.itemImg {
-    margin: 0 0 0 -1.5vw;
-    width: 100%;
-  }
-
-  .status{
-    margin: 4.5em 0 0 0;
-    width: 50%;
-  }*/
-
-  #miniImg1{
-    margin: 0 0 0 2em;
-  }
-}
-
-/*.itemTitle {
-  font-size: 1.25em;
-  text-align: center;
+.subCard{
+  background: #CCC;
+  margin: 5px 5px;
+  padding: 5px;
 }
 
 .infoTitle{
   font-size: 2em;
-  line-height: 1em;
-  margin-bottom: 0.5em;
-}*/
+  margin-top: -7.5px;
+}
 
 .miniItemImg{
-  width: 30.5%;
+  width: 32.5%;
 }
 
 #miniImg1{
-  margin: 0 0 0 0.83em;
+  margin: 0 0 0 0.05em;
 }
 
 #miniImg2{
diff --git a/views/partials/itemImgInfo.ejs b/views/partials/itemImgInfo.ejs
index d594083..bad2425 100644
--- a/views/partials/itemImgInfo.ejs
+++ b/views/partials/itemImgInfo.ejs
@@ -1,17 +1,17 @@
 <% if (HOWTO) { %>
-  <article class="card col-xs-12">
+  <article class="subCard">
     <div class="infoTitle">How To</div>
     <%- HOWTO %>
   </article>
 <% } %>
 <% if (Troubleshooting) { %>
-  <article class="card col-xs-12">
+  <article class="subCard">
     <div class="infoTitle">Need Help</div>
     <%- Troubleshooting %>
   </article>
 <% } %>
 <% if ( similarItems.length > 0 ) { %>
-  <div class="card col-xs-12">
+  <div class="subCard">
     <div class="infoTitle">Similar Items</div>
     <div class='miniSearchItem'>
       <% for (var i = 0; i < similarItems.length; i++) { %>
@@ -32,7 +32,7 @@
     </div>
   </div>
 <% } %>
-<article class="card col-xs-12">
+<article class="subCard">
   <div class="infoTitle">Details</div>
   <%- details %>
   <ul>

From 5d0612b7bd47b41c47cc5b452c897d08b27df689 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sat, 23 Dec 2017 04:56:37 +0800
Subject: [PATCH 25/31] MODIFY: recent styling, matches itemCard

---
 public/main.css  | 4 ++--
 views/recent.ejs | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/main.css b/public/main.css
index 9fe1ead..d6a0bf7 100644
--- a/public/main.css
+++ b/public/main.css
@@ -61,7 +61,7 @@
 
 .card{
   align-items: center;
-  background: #CCC;
+  background: #DDD;
   display: flex;
   justify-content: space-between;
   margin: 2.5px 5px;
@@ -106,7 +106,7 @@
 }
 
 .subCard{
-  background: #CCC;
+  background: #DDD;
   margin: 5px 5px;
   padding: 5px;
 }
diff --git a/views/recent.ejs b/views/recent.ejs
index 372cf57..15aac3c 100644
--- a/views/recent.ejs
+++ b/views/recent.ejs
@@ -1,7 +1,7 @@
 <% include ./partials/header %>
-<div class="resultContainer col-xs-12">
-  <h1>Recently scanned QR code</h1>
-  <article class="col-xs-12">
+<div class="resultContainer">
+  <h2 style="padding: 5px">Recently scanned QR codes</h2>
+  <article class="subCard">
     <ul class='recent-list'>
       <% for(var i = 0; i <allScans.length; i++){%>
         <% if(allScans[i].fixture) { %>

From dba57cff713aa9a5529ec9c8d55df3063760ffa0 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sat, 23 Dec 2017 05:08:09 +0800
Subject: [PATCH 26/31] MODIFY: notFound styling matches itemCard

---
 public/main.css    |  4 ----
 views/notFound.ejs | 10 +++++-----
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/public/main.css b/public/main.css
index d6a0bf7..0a5dec8 100644
--- a/public/main.css
+++ b/public/main.css
@@ -135,7 +135,3 @@
   padding-bottom: 1em;
   padding-top: 1em;
 }
-
-.notFound{
-  margin-top:2em;
-}
diff --git a/views/notFound.ejs b/views/notFound.ejs
index 3762adc..f5efa0b 100644
--- a/views/notFound.ejs
+++ b/views/notFound.ejs
@@ -1,9 +1,9 @@
 <% include ./partials/header %>
-<img class="col-xs-12 col-lg-4 col-lg-offset-4" src="/frown.png" alt="" />
-<article class="notFound col-xs-12 col-lg-4 col-lg-offset-4">
+<center>
+  <img width="50%" src="/frown.png" alt="frown" />
+</center>
+<article class="subCard">
   <p>Sorry, item not found with the id:</p>
-  <p>
-    <strong><%= id %></strong>
-  </p>
+  <strong><%= id %></strong>
 </article>
 <% include ./partials/footer %>

From a036d1a0f6b7882c4a509c43557c5bf2211ef90c Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sat, 23 Dec 2017 05:09:40 +0800
Subject: [PATCH 27/31] REMOVE: JS styling methods from qrList

---
 views/qrList.ejs | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/views/qrList.ejs b/views/qrList.ejs
index 2b6f3d7..fe07681 100644
--- a/views/qrList.ejs
+++ b/views/qrList.ejs
@@ -3,10 +3,10 @@
   <% for ( var i = 0; i < matches.length; i++) {%>
     <div class="stickers col-xs-3">
       <div class="col-xs-12">
-        <%- matches[i].floor.toLowerCase() %> >
-        <%- matches[i].room.toLowerCase() %> >
-        <%- matches[i].location.toLowerCase() %> >
-        <%- matches[i].fixture.toLowerCase() %>
+        <%- matches[i].floor %> >
+        <%- matches[i].room %> >
+        <%- matches[i].location %> >
+        <%- matches[i].fixture %>
       </div>
       <div class="col-xs-12">
         <%- matches[i].qr %>

From b23af9d170c68f5736a76154ec13f046330654b6 Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sat, 23 Dec 2017 05:33:09 +0800
Subject: [PATCH 28/31] REMOVE: bootstrap and nesting from qrList

---
 public/main.css  | 19 +++++++++++++++----
 views/qrList.ejs | 30 +++++++++++++-----------------
 2 files changed, 28 insertions(+), 21 deletions(-)

diff --git a/public/main.css b/public/main.css
index 0a5dec8..34014b1 100644
--- a/public/main.css
+++ b/public/main.css
@@ -47,6 +47,11 @@
   .status{
     width: 35%;
   }
+
+  .sticker{
+    font-size: 40%;
+    width: 19%;
+  }
 }
 
 .resultContainer {
@@ -129,9 +134,15 @@
   margin-right: 0;
 }
 
-.stickers{
+.sticker{
   border: 1px dotted black;
-  font-size: 30%;
-  padding-bottom: 1em;
-  padding-top: 1em;
+  display: inline-block;
+  font-size: 90%;
+  margin: 0;
+  padding: 1em 0;
+  width: 99%;
+}
+
+.qrImg{
+  /*width: 20%;*/
 }
diff --git a/views/qrList.ejs b/views/qrList.ejs
index fe07681..76bdd2e 100644
--- a/views/qrList.ejs
+++ b/views/qrList.ejs
@@ -1,22 +1,18 @@
 <% include ./partials/header %>
-<div class="col-xs-12">
-  <% for ( var i = 0; i < matches.length; i++) {%>
-    <div class="stickers col-xs-3">
-      <div class="col-xs-12">
-        <%- matches[i].floor %> >
-        <%- matches[i].room %> >
-        <%- matches[i].location %> >
-        <%- matches[i].fixture %>
-      </div>
-      <div class="col-xs-12">
+<div class="resultContainer">
+  <center>
+    <% for ( var i = 0; i < matches.length; i++) {%>
+      <div class="sticker">
+        <div class="breadcrumbs">
+          <%- matches[i].floor %> >
+          <%- matches[i].room %> >
+          <%- matches[i].location %> >
+          <%- matches[i].fixture %>
+        </div>
         <%- matches[i].qr %>
+        <%- matches[i].uuid %>
       </div>
-      <div class="col-xs-12">
-        <center>
-          <%- matches[i].uuid %>
-        </center>
-      </div>
-    </div>
-  <% } %>
+    <% } %>
+  </center>
 </div>
 <% include ./partials/footer %>

From 47aac90676e37a72ae690a37b6345e0a17c125ca Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sat, 23 Dec 2017 23:19:21 +0800
Subject: [PATCH 29/31] FIX: title style to match itemCard, REMOVE: dead code
 from itemCard

---
 public/main.css              | 29 ++++++++---------------------
 views/partials/header.ejs    |  6 +++---
 views/partials/itemCards.ejs |  2 +-
 3 files changed, 12 insertions(+), 25 deletions(-)

diff --git a/public/main.css b/public/main.css
index 34014b1..68f1f51 100644
--- a/public/main.css
+++ b/public/main.css
@@ -4,8 +4,8 @@
   background-repeat: no-repeat;
   background-size: cover;
   height: 7em;
-  margin-bottom: 1em;
-  margin-top: 1em;
+  margin: 1em 0;
+  padding: 0 5px;
   position: relative;
   width: 100%;
 }
@@ -20,24 +20,15 @@
 
 #appTitle {
   color: white;
-  font-size: 3em;
-  overflow: hidden;
-  height: 100%;
-  line-height: 1.6em;
-  text-align: center;
-  white-space: nowrap;
+  font-size: 1.5em;
+  line-height: 3.2em;
 }
 
-@media screen and (max-width: 500px) {
+@media screen and (min-width: 500px) {
   #appTitle {
-    color: white;
-    font-size: 1.5em;
-    line-height: 3.25em;
-    margin-left: 0;
-    overflow: hidden;
-    padding-left: 0;
-    text-align: left;
-    white-space: nowrap;
+    font-size: 3em;
+    line-height: 1.5em;
+    text-align: center;
   }
 
   #miniImg1{
@@ -142,7 +133,3 @@
   padding: 1em 0;
   width: 99%;
 }
-
-.qrImg{
-  /*width: 20%;*/
-}
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index d9c57fd..f501e3c 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -11,6 +11,6 @@
 </head>
 
 <body>
-    <div class="logo col-xs-12">
-        <div id="appTitle">CoderBunker Inventory</div>
-    </div>
+  <div class="logo">
+    <div id="appTitle">CoderBunker Inventory</div>
+  </div>
diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index 4320b35..e4891a3 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -37,7 +37,7 @@
   </div>
   <div class="image right">
     <% if (status === 'broken') { %>
-      <img class="img status" title="Status: <%- status %>" alt="<%- status %>" src="wrench.png" />
+      <img class="status" title="Status: <%- status %>" alt="<%- status %>" src="wrench.png" />
     <% } %>
   </div>
 </div>

From c26294a878c5a496a6463e6047ac7c2f9ebb6a4a Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sun, 24 Dec 2017 18:14:36 +0800
Subject: [PATCH 30/31] FIX: CSS rules for card and titleCard classes

---
 public/main.css                | 15 ++++++---------
 views/partials/itemCards.ejs   |  4 ++--
 views/partials/itemImgInfo.ejs |  8 ++++----
 3 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/public/main.css b/public/main.css
index 68f1f51..ae138ab 100644
--- a/public/main.css
+++ b/public/main.css
@@ -56,16 +56,19 @@
 }
 
 .card{
-  align-items: center;
   background: #DDD;
+  margin: 5px;
+  padding: 5px;
+}
+
+.titleCard{
+  align-items: center;
   display: flex;
   justify-content: space-between;
-  margin: 2.5px 5px;
 }
 
 .image {
   flex: 1;
-  margin: 5px;
 }
 
 .itemImg {
@@ -101,12 +104,6 @@
   opacity: 0.5;
 }
 
-.subCard{
-  background: #DDD;
-  margin: 5px 5px;
-  padding: 5px;
-}
-
 .infoTitle{
   font-size: 2em;
   margin-top: -7.5px;
diff --git a/views/partials/itemCards.ejs b/views/partials/itemCards.ejs
index e4891a3..8b84bb6 100644
--- a/views/partials/itemCards.ejs
+++ b/views/partials/itemCards.ejs
@@ -5,9 +5,9 @@
   <span> <a href="/search?fixture=<%- fixture %>"> <%- fixture %> </a></span>
 </div>
 <% if (uuid) { %>
-  <div class="card">
+  <div class="card titleCard">
 <% } else { %>
-  <div class="card faded">
+  <div class="card titleCard faded">
 <% } %>
   <div class="image">
     <% if (picture === undefined || picture === '') { %>
diff --git a/views/partials/itemImgInfo.ejs b/views/partials/itemImgInfo.ejs
index bad2425..eaec51e 100644
--- a/views/partials/itemImgInfo.ejs
+++ b/views/partials/itemImgInfo.ejs
@@ -1,17 +1,17 @@
 <% if (HOWTO) { %>
-  <article class="subCard">
+  <article class="card">
     <div class="infoTitle">How To</div>
     <%- HOWTO %>
   </article>
 <% } %>
 <% if (Troubleshooting) { %>
-  <article class="subCard">
+  <article class="card">
     <div class="infoTitle">Need Help</div>
     <%- Troubleshooting %>
   </article>
 <% } %>
 <% if ( similarItems.length > 0 ) { %>
-  <div class="subCard">
+  <div class="card">
     <div class="infoTitle">Similar Items</div>
     <div class='miniSearchItem'>
       <% for (var i = 0; i < similarItems.length; i++) { %>
@@ -32,7 +32,7 @@
     </div>
   </div>
 <% } %>
-<article class="subCard">
+<article class="card">
   <div class="infoTitle">Details</div>
   <%- details %>
   <ul>

From 07ef078aca1d040a6ecf29e64a461233aee9a69a Mon Sep 17 00:00:00 2001
From: Spazcool <douglas.wrightiii@gmail.com>
Date: Sun, 24 Dec 2017 18:17:03 +0800
Subject: [PATCH 31/31] REMOVE: grey background from cards

---
 public/main.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/public/main.css b/public/main.css
index ae138ab..93a2ad1 100644
--- a/public/main.css
+++ b/public/main.css
@@ -52,11 +52,10 @@
 }
 
 .breadcrumbs{
-  margin-left: 5px;
+  margin-left: 10px;
 }
 
 .card{
-  background: #DDD;
   margin: 5px;
   padding: 5px;
 }