Fix row height bug

css/main.css

@@ -50,11 +50,12 @@ html {
 
 table {
     page-break-before: always;
+    width: 100%;
 }
 
-table tbody tr {
+table tbody tr,
+tr * {
     page-break-inside: avoid!important;
-    vertical-align: top;
 }
 
 table.table th,
@@ -67,9 +68,6 @@ table thead {
     display: table-header-group;
 }
 
-table.toc-table {
-    width: 100%;
-}
 
 table.toc-table .toc-section {
     padding: .4rem 1rem;
@@ -165,6 +163,7 @@ h3.product-name {
 .us-body,
 .product-body {
     padding: 0 1rem;
+    margin-top: 0px;
 }
 
 .product-body p.product-short-desc {
@@ -184,6 +183,7 @@ h3.product-name {
     font-weight: 600;
     color: #596992;
     font-size: 1.2rem;
+    max-height: 2rem;
 }
 
 .tag {

js/vademecum.js

@@ -1211,7 +1211,7 @@ const Category = (categoryName, products) => (
     </thead>
     <tbody>
       {
-        products.map((p, i) => (
+        products.filter(p => p.name !== "R3epair Eye Contour").map((p, i) => (
           <tr><td>
             { Product(p, i) }
           </td></tr>

lib/vademecum.js

@@ -763,7 +763,9 @@ var Category = function Category(categoryName, products) {
     id: mkCategoryTag(categoryName)
   }, dom("tr", null, dom("th", null, dom("h2", {
     className: "category-name"
-  }, categoryName)))), dom("tbody", null, products.map(function (p, i) {
+  }, categoryName)))), dom("tbody", null, products.filter(function (p) {
+    return p.name !== "R3epair Eye Contour";
+  }).map(function (p, i) {
     return dom("tr", null, dom("td", null, Product(p, i)));
   })), dom("tfoot", null, dom("tr", null, dom("td", null, dom("div", {
     class: "footer-space",