fix breakpages in pdfs

css/main.css

@@ -417,12 +417,16 @@ p.product-short-desc {
 }
 
 #higiene h2,
-#mascaras h2,
-#acido-hialuronico h2,
-#hombres h2,
-#proteccion-intensiva h2,
-#monodosis h2,
-#proteccion-solar h2 {
+#mascaras.prof h2,
+#acido-hialuronico.prof h2,
+#hombres.prof h2,
+#proteccion-intensiva.prof h2,
+#monodosis.prof h2,
+#proteccion-solar.prof h2 {
+    page-break-before: always;
+}
+
+#corporales.dom h2 {
     page-break-before: always;
 }
 

data/products-by-category.json

@@ -4,7 +4,7 @@
 				"Protección Intensiva"
 			],
 			"shortDesc": "Potente acción antioxidante, un magnífico aporte de firmeza y elasticidad que mejora el color, la luminosidad y la hidratación de la piel retrasando el envejecimiento cutáneo. ",
-			"fullDesc": "Crema antioxidante, humecto – nutritiva, potenciada por la acción de una micro alga, Espirulina, que contiene los veinte aminoácidos en perfecto balance, minerales y proteínas. Textura suave, fluida. Indicada para pieles normales, deshidratadas, menopausia.",
+			"fullDesc": "Crema antioxidante, humecto - nutritiva, potenciada por la acción de una micro alga, Espirulina, que contiene los veinte aminoácidos en perfecto balance, minerales y proteínas. Textura suave, fluida. Indicada para pieles normales, deshidratadas, menopausia.",
 			"application": "Tras limpiar y tonificar rostro, cuello y escote, aplicar mañana y noche con un suave masaje.",
 			"actives": [
 				"Vitamina A",

js/vademecum.js

@@ -4,6 +4,7 @@ const dom = React.createElement;
 
 const CONFIG = {
   "prof-a": {
+      title: "Vademecum Profesional",
       contactInformation: true,
       productFilter: products => products,
       prices: false,
@@ -21,6 +22,7 @@ const CONFIG = {
       ]
   },
   "prof-b": {
+      title: "Vademecum Profesional",
       contactInformation: false,
       productFilter: products => products,
       prices: false,
@@ -38,6 +40,7 @@ const CONFIG = {
       ]
   },
   "dom-a": {
+      title: "Vademecum Apoyo Domiciliario",
       contactInformation: false,
       productFilter: products => Object.keys(products).reduce((acc, x) => {
         var filtered = products[x].filter(p => {
@@ -61,6 +64,7 @@ const CONFIG = {
       ]
   },
   "dom-b": {
+      title: "Vademecum Apoyo Domiciliario",
       contactInformation: false,
       productFilter: products => products,
       prices: false,
@@ -93,7 +97,7 @@ const Section = (title, paragraph, prepend) => (
 
 const Product = (product, key, prices) => (
   <div className="product-container">
-    <div className="row">
+    <div className="row valign-wrapper">
       <div class="col s2">
       {
         prices ? (
@@ -154,7 +158,7 @@ const Product = (product, key, prices) => (
 );
 
 const Category = (category, products, prices) => (
-  <section id={category[TAG]} className="container">
+  <section id={category[TAG]} className={`container ${prices ? 'dom' : 'prof'}`}>
     <h2 className="category-name">{category[LABEL]}</h2>
     <div className="collection">
       {

lib/vademecum.js

@@ -25,6 +25,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var dom = React.createElement;
 var CONFIG = {
   "prof-a": {
+    title: "Vademecum Profesional",
     contactInformation: true,
     productFilter: function productFilter(products) {
       return products;
@@ -33,6 +34,7 @@ var CONFIG = {
     categories: [["Higiene", "higiene"], ["Máscaras", "mascaras"], ["Ácido Hialurónico", "acido-hialuronico"], ["Peeling", "peeling"], ["Corporales", "corporales"], ["Hombres", "hombres"], ["Protección Intensiva", "proteccion-intensiva"], ["Monodosis", "monodosis"], ["Activos Concentrados", "activos-concentrados"], ["Protección Solar", "proteccion-solar"]]
   },
   "prof-b": {
+    title: "Vademecum Profesional",
     contactInformation: false,
     productFilter: function productFilter(products) {
       return products;
@@ -41,6 +43,7 @@ var CONFIG = {
     categories: [["Higiene", "higiene"], ["Máscaras", "mascaras"], ["Ácido Hialurónico", "acido-hialuronico"], ["Peeling", "peeling"], ["Corporales", "corporales"], ["Hombres", "hombres"], ["Protección Intensiva", "proteccion-intensiva"], ["Monodosis", "monodosis"], ["Activos Concentrados", "activos-concentrados"], ["Protección Solar", "proteccion-solar"]]
   },
   "dom-a": {
+    title: "Vademecum Apoyo Domiciliario",
     contactInformation: false,
     productFilter: function productFilter(products) {
       return Object.keys(products).reduce(function (acc, x) {
@@ -57,6 +60,7 @@ var CONFIG = {
     categories: [["Higiene", "higiene"], ["Ácido Hialurónico", "acido-hialuronico"], ["Corporales", "corporales"], ["Hombres", "hombres"], ["Protección Intensiva", "proteccion-intensiva"], ["Monodosis", "monodosis"], ["Protección Solar", "proteccion-solar"]]
   },
   "dom-b": {
+    title: "Vademecum Apoyo Domiciliario",
     contactInformation: false,
     productFilter: function productFilter(products) {
       return products;
@@ -88,7 +92,7 @@ var Product = function Product(product, key, prices) {
   return dom("div", {
     className: "product-container"
   }, dom("div", {
-    className: "row"
+    className: "row valign-wrapper"
   }, dom("div", {
     class: "col s2"
   }, prices ? dom("img", {
@@ -126,7 +130,7 @@ var Product = function Product(product, key, prices) {
 var Category = function Category(category, products, prices) {
   return dom("section", {
     id: category[TAG],
-    className: "container"
+    className: "container ".concat(prices ? 'dom' : 'prof')
   }, dom("h2", {
     className: "category-name"
   }, category[LABEL]), dom("div", {

pdf-maker.js

@@ -6,7 +6,7 @@ const puppeteer = require('puppeteer');
   await page.goto('http://localhost:5500/', {waitUntil: 'networkidle2'});
   //await page.emulateMedia('screen');
   await page.pdf({
-      path: 'pdf/vademecum-profesional-mobile.pdf',
+      path: 'pdf/vademecum-domiciliario-mobile.pdf',
       height: '1450',
       printBackground: true,
       margin: {