From 44bd7cc9480abf22c0c45c4fb41f7f88057bda78 Mon Sep 17 00:00:00 2001
From: Karan Erry <karan.erry@gmail.com>
Date: Sun, 14 Apr 2019 18:55:29 -0400
Subject: [PATCH 1/3] aligned filter dropdowns

---
 views/index.hbs | 219 +++++++++++++++++++++++++-----------------------
 1 file changed, 113 insertions(+), 106 deletions(-)

diff --git a/views/index.hbs b/views/index.hbs
index e6dfd101..694072c0 100644
--- a/views/index.hbs
+++ b/views/index.hbs
@@ -1,111 +1,118 @@
 <br>
 <h2>Listings</h2>
-<!-- FILTER BY CONDITION Dropdown -->
-<div class="dropdown">
-  <button class="btn dropdown-toggle
-  {{#if filters.condition}}
-    btn-success
-  {{else}}
-    btn-secondary
-  {{/if}}" type="button" id="dd-filtercondition" data-toggle="dropdown">
-    {{#ifEquals filters.condition "New"}}
-      Filtering by Condition: New
-    {{/ifEquals}}
-    {{#ifEquals filters.condition "Used (Very Good)"}}
-      Filtering by Condition: Used (Very Good)
-    {{/ifEquals}}
-    {{#ifEquals filters.condition "Used (Good)"}}
-      Filtering by Condition: Used (Good)
-    {{/ifEquals}}
-    {{#ifEquals filters.condition "Used (Acceptable)"}}
-      Filtering by Condition: Used (Acceptable)
-    {{/ifEquals}}
-    {{#unless filters.condition}}
-      Filter Book Condition
-    {{/unless}}
-    <span class="caret"></span>
-  </button>
-  <ul class="dropdown-menu" aria-labelled-by="dd-filtercondition">
-    <li>
-      <a class="dropdown-item" href="javascript:
-        var filterVal = encodeURI('New');
-        addFilter('condition', filterVal);
-      ">{{#ifEquals filters.condition "New"}}<i class="fas fa-check"></i>{{/ifEquals}} New</a>
-    </li>
-    <li>
-      <a class="dropdown-item" href="javascript:
-        var filterVal = encodeURI('Used (Very Good)');
-        addFilter('condition', filterVal);
-      ">{{#ifEquals filters.condition "Used (Very Good)"}}<i class="fas fa-check"></i>{{/ifEquals}} Used - Very Good</a>
-    </li>
-    <li>
-      <a class="dropdown-item" href="javascript:
-        var filterVal = encodeURI('Used (Good)');
-        addFilter('condition', filterVal);
-      ">{{#ifEquals filters.condition "Used (Good)"}}<i class="fas fa-check"></i>{{/ifEquals}} Used - Good</a>
-    </li>
-    <li>
-      <a class="dropdown-item" href="javascript:
-        var filterVal = encodeURI('Used (Acceptable)');
-        addFilter('condition', filterVal);
-      ">{{#ifEquals filters.condition "Used (Acceptable)"}}<i class="fas fa-check"></i>{{/ifEquals}} Used - Acceptable</a>
-    </li>
-    <div class="dropdown-divider"></div>
-    <li>
-      <a class="dropdown-item btn-danger" href="javascript:
-      addFilter('condition', '');
-      "><i class="fas fa-times"></i> Reset Filter</a>
-    </li>
-  </ul>
-</div>
-<!-- FILTER BY BOOKTYPE Dropdown -->
-<div class="dropdown">
-  <button class="btn dropdown-toggle
-  {{#if filters.booktype}}
-    btn-success
-  {{else}}
-    btn-secondary
-  {{/if}}" type="button" id="dd-filterbooktype" data-toggle="dropdown">
-    {{#ifEquals filters.booktype "Textbook"}}
-      Filtering by Type: Textbook
-    {{/ifEquals}}
-    {{#ifEquals filters.booktype "Course Required Reading"}}
-      Filtering by Type: Course Required Reading
-    {{/ifEquals}}
-    {{#ifEquals filters.booktype "Non-Textbook"}}
-      Filtering by Type: Non-Textbook
-    {{/ifEquals}}
-    {{#unless filters.booktype}}
-      Filter Book Type
-    {{/unless}}
-    <span class="caret"></span>
-  </button>
-  <ul class="dropdown-menu" aria-labelled-by="dd-filterbooktype">
-    <li>
-      <a class="dropdown-item" href="javascript:
-        var filterVal = encodeURI('Textbook');
-        addFilter('booktype', filterVal);
-      ">{{#ifEquals filters.booktype "Textbook"}}<i class="fas fa-check"></i>{{/ifEquals}} Textbook</a>
-    </li>
-    <li>
-      <a class="dropdown-item" href="javascript:
-        var filterVal = encodeURI('Course Required Reading');
-        addFilter('booktype', filterVal);
-      ">{{#ifEquals filters.booktype "Course Required Reading"}}<i class="fas fa-check"></i>{{/ifEquals}} Course Required Reading</a>
-    </li>
-    <li>
-      <a class="dropdown-item" href="javascript:
-        var filterVal = encodeURI('Non-Textbook');
-        addFilter('booktype', filterVal);
-      ">{{#ifEquals filters.booktype "Non-Textbook"}}<i class="fas fa-check"></i>{{/ifEquals}} Non-Textbook</a>
-    </li>
-    <div class="dropdown-divider"></div>
-    <li>
-      <a class="dropdown-item btn-danger" href="javascript:
-      addFilter('booktype', '');
-      "><i class="fas fa-times"></i> Reset Filter</a>
-    </li>
-  </ul>
+<div class="d-flex flex-row">
+  <!-- FILTER BY CONDITION Dropdown -->
+  <div class="p-1">
+    <div class="dropdown">
+      <button class="btn dropdown-toggle
+      {{#if filters.condition}}
+        btn-success
+      {{else}}
+        btn-secondary
+      {{/if}}" type="button" id="dd-filtercondition" data-toggle="dropdown">
+        {{#ifEquals filters.condition "New"}}
+          Filtering by Condition: New
+        {{/ifEquals}}
+        {{#ifEquals filters.condition "Used (Very Good)"}}
+          Filtering by Condition: Used (Very Good)
+        {{/ifEquals}}
+        {{#ifEquals filters.condition "Used (Good)"}}
+          Filtering by Condition: Used (Good)
+        {{/ifEquals}}
+        {{#ifEquals filters.condition "Used (Acceptable)"}}
+          Filtering by Condition: Used (Acceptable)
+        {{/ifEquals}}
+        {{#unless filters.condition}}
+          Filter Book Condition
+        {{/unless}}
+        <span class="caret"></span>
+      </button>
+      <ul class="dropdown-menu" aria-labelled-by="dd-filtercondition">
+        <li>
+          <a class="dropdown-item" href="javascript:
+            var filterVal = encodeURI('New');
+            addFilter('condition', filterVal);
+          ">{{#ifEquals filters.condition "New"}}<i class="fas fa-check"></i>{{/ifEquals}} New</a>
+        </li>
+        <li>
+          <a class="dropdown-item" href="javascript:
+            var filterVal = encodeURI('Used (Very Good)');
+            addFilter('condition', filterVal);
+          ">{{#ifEquals filters.condition "Used (Very Good)"}}<i class="fas fa-check"></i>{{/ifEquals}} Used - Very Good</a>
+        </li>
+        <li>
+          <a class="dropdown-item" href="javascript:
+            var filterVal = encodeURI('Used (Good)');
+            addFilter('condition', filterVal);
+          ">{{#ifEquals filters.condition "Used (Good)"}}<i class="fas fa-check"></i>{{/ifEquals}} Used - Good</a>
+        </li>
+        <li>
+          <a class="dropdown-item" href="javascript:
+            var filterVal = encodeURI('Used (Acceptable)');
+            addFilter('condition', filterVal);
+          ">{{#ifEquals filters.condition "Used (Acceptable)"}}<i class="fas fa-check"></i>{{/ifEquals}} Used - Acceptable</a>
+        </li>
+        <div class="dropdown-divider"></div>
+        <li>
+          <a class="dropdown-item btn-danger" href="javascript:
+          addFilter('condition', '');
+          "><i class="fas fa-times"></i> Reset Filter</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+
+  <!-- FILTER BY BOOKTYPE Dropdown -->
+  <div class="p-1">
+    <div class="dropdown">
+      <button class="btn dropdown-toggle
+      {{#if filters.booktype}}
+        btn-success
+      {{else}}
+        btn-secondary
+      {{/if}}" type="button" id="dd-filterbooktype" data-toggle="dropdown">
+        {{#ifEquals filters.booktype "Textbook"}}
+          Filtering by Type: Textbook
+        {{/ifEquals}}
+        {{#ifEquals filters.booktype "Course Required Reading"}}
+          Filtering by Type: Course Required Reading
+        {{/ifEquals}}
+        {{#ifEquals filters.booktype "Non-Textbook"}}
+          Filtering by Type: Non-Textbook
+        {{/ifEquals}}
+        {{#unless filters.booktype}}
+          Filter Book Type
+        {{/unless}}
+        <span class="caret"></span>
+      </button>
+      <ul class="dropdown-menu" aria-labelled-by="dd-filterbooktype">
+        <li>
+          <a class="dropdown-item" href="javascript:
+            var filterVal = encodeURI('Textbook');
+            addFilter('booktype', filterVal);
+          ">{{#ifEquals filters.booktype "Textbook"}}<i class="fas fa-check"></i>{{/ifEquals}} Textbook</a>
+        </li>
+        <li>
+          <a class="dropdown-item" href="javascript:
+            var filterVal = encodeURI('Course Required Reading');
+            addFilter('booktype', filterVal);
+          ">{{#ifEquals filters.booktype "Course Required Reading"}}<i class="fas fa-check"></i>{{/ifEquals}} Course Required Reading</a>
+        </li>
+        <li>
+          <a class="dropdown-item" href="javascript:
+            var filterVal = encodeURI('Non-Textbook');
+            addFilter('booktype', filterVal);
+          ">{{#ifEquals filters.booktype "Non-Textbook"}}<i class="fas fa-check"></i>{{/ifEquals}} Non-Textbook</a>
+        </li>
+        <div class="dropdown-divider"></div>
+        <li>
+          <a class="dropdown-item btn-danger" href="javascript:
+          addFilter('booktype', '');
+          "><i class="fas fa-times"></i> Reset Filter</a>
+        </li>
+      </ul>
+    </div>
+  </div>
 </div>
 <!-- LISTING CARDS -->
 {{#if currentSession.passport}}

From 1cdb52c24dc13c36f5c63ca1c2eccfe9f0c4c456 Mon Sep 17 00:00:00 2001
From: Karan Erry <karan.erry@gmail.com>
Date: Sun, 14 Apr 2019 19:06:06 -0400
Subject: [PATCH 2/3] aligned sell form

---
 views/sellForm.hbs | 71 ++++++++++++++++++++++++++++------------------
 1 file changed, 44 insertions(+), 27 deletions(-)

diff --git a/views/sellForm.hbs b/views/sellForm.hbs
index 87661769..ccdcaa12 100644
--- a/views/sellForm.hbs
+++ b/views/sellForm.hbs
@@ -1,44 +1,61 @@
 <br>
 <h3>Start Selling</h3>
     <form action="/sell/insert" method="post" enctype="multipart/form-data">
+
         <!-- Title Input -->
-        <div class="input">
-          <label for="title">Title</label>
-          <input type="text" id="title" name="title">
+        <div class="form-group row">
+          <label for="title" class="col-sm-2 col-form-label">Title</label>
+          <div class="col-sm-10">
+            <input type="textf" id="title" name="title">
+          </div>
         </div>
+        
         <!-- Price Input -->
-        <div class="input">
-          <label for="content">Price</label>
-          <input type="number" id="price" name="price">
+        <div class="form-group row">
+          <label for="content" class="col-sm-2 col-form-label">Price</label>
+          <div class="col-sm-10">
+            <input type="number" id="price" name="price">
+          </div>
         </div>
+        
         <!-- Item Description Input -->
-        <div class="input">
-          <label for="author">Description</label>
-          <input type="text" id="description" name="description">
+        <div class="form-group row">
+          <label for="author" class="col-sm-2 col-form-label">Description</label>
+          <div class="col-sm-10">
+            <input type="text" id="description" name="description">
+          </div>
         </div>
+        
         <!-- Image Input -->
-        <div class="input">
-          <label for="image">Image</label>
-          <input type="file" id="image" name="image">
+        <div class="form-group row">
+          <label for="image" class="col-sm-2 col-form-label">Image</label>
+          <div class="col-sm-10">
+            <input type="file" id="image" name="image">
+          </div>
         </div>
+        
         <!-- Condition Dropdown -->
-        <div class="input">
-          <label for="condition"><strong>Book Condition</strong></label>
-          <select class="form-control" id="condition" name="condition">
-            <option value="new">New</option>
-            <option value="used-vg">Used - Very Good</option>
-            <option value="used-gd">Used - Good</option>
-            <option value="used-ac">Used - Acceptable</option>
-          </select>
+        <div class="form-group row">
+          <label for="condition" class="col-sm-2 col-form-label">Book Condition</label>
+          <div class="col-sm-5">
+            <select class="form-control" id="condition" name="condition">
+              <option value="new">New</option>
+              <option value="used-vg">Used - Very Good</option>
+              <option value="used-gd">Used - Good</option>
+              <option value="used-ac">Used - Acceptable</option>
+            </select>
+          </div>
         </div>
         <!-- Book Type Dropdown -->
-        <div class="input">
-          <label for="booktype"><strong>Book Type</strong></label>
-          <select class="form-control" id="booktype" name="booktype">
-            <option value="textbook">Textbook</option>
-            <option value="course-rr">Required Course Reading (non-textbook)</option>
-            <option value="other">Other (non-textbook)</option>
-          </select>
+        <div class="form-group row">
+          <label for="booktype" class="col-sm-2 col-form-label">Book Type</label>
+          <div class="col-sm-5">
+            <select class="form-control" id="booktype" name="booktype">
+              <option value="textbook">Textbook</option>
+              <option value="course-rr">Required Course Reading (non-textbook)</option>
+              <option value="other">Other (non-textbook)</option>
+            </select>
+          </div>
         </div>
         <button class="btn btn-primary" type="submit">Start Selling</button>
     </form>

From 31157653249939a82c984c29f33e9a24541840ab Mon Sep 17 00:00:00 2001
From: Karan Erry <karan.erry@gmail.com>
Date: Sun, 14 Apr 2019 21:08:03 -0400
Subject: [PATCH 3/3] fix typo

---
 views/sellForm.hbs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/views/sellForm.hbs b/views/sellForm.hbs
index 13a14bab..40918e7b 100644
--- a/views/sellForm.hbs
+++ b/views/sellForm.hbs
@@ -6,7 +6,7 @@
         <div class="form-group row">
           <label for="title" class="col-sm-2 col-form-label">Title <span id="asterisk">*</span></label>
           <div class="col-sm-10">
-            <input required type="textf" id="title" name="title">
+            <input required type="text" id="title" name="title">
           </div>
         </div>