added info icon as well as re-ordered some divs

relates to #56
fac-14 · Sep 19, 2018 · 027c338 · 027c338
1 parent dc3b912
commit 027c338
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 11 deletions.
diff --git a/private/sass/inventory.scss b/private/sass/inventory.scss
@@ -4,22 +4,25 @@
 
 .items-container{
 margin: $large;
+
 }
 
 
-.item-overview{
+.items-overview{
 display:flex;
+flex-direction: row;
+margin: 0;
 }
 
 .newItemH3{
-
+margin: 0;
 }
 
 .bought-icon,
 .suggested-icon{
     width: 25%;
-  display: block;
-  margin: auto;
+  display: inline-block;
+  margin: 0;
 }
 
 .help-icon {
@@ -37,4 +40,14 @@ display:flex;
     margin: 0;
     border-radius: 50%;
     cursor: pointer;
+}
+
+.bought-container{
+display:flex;
+flex-direction: column;
+}
+
+.suggested-container{
+    display:flex;
+flex-direction: column;
 }
diff --git a/public/css/inventory.css b/public/css/inventory.css
diff --git a/public/css/inventory.css.map b/public/css/inventory.css.map
diff --git a/src/views/inventory.hbs b/src/views/inventory.hbs
@@ -20,17 +20,15 @@
 <section class="items-container">
 
         <h2 class="main-title">Suggested Items</h2>
+
     <div class="suggested-container">
         {{#each suggestedItems}}
         <div class="items-overview">
             <h3 class="newItemH3">{{this.title}}</h3>
-
             <img class="suggested-icon" src='{{this.img_link}}'>
-
                       <button class="new-item-button" id="{{this.id}}" onclick="window.location.href='/inventory/suggested-item/{{this.id}}'">
                 <img class="help-icon" src="../../public/imgs/help.svg" alt="">
             </button>
-
             {{/each}}
         </div>