diff --git a/assets/js/page3.js b/assets/js/page3.js index c8a4d1c..b142d25 100644 --- a/assets/js/page3.js +++ b/assets/js/page3.js @@ -135,16 +135,19 @@ const TAG = { cols: 4, rows: 9, - width: 5, - height: 2, + width: 3, + height: 1, gapX: 1, gapY: 1, + padding: 1, left: 2, top: 12, }; - const blockWidth = TAG.cols * TAG.width + (TAG.cols - 1) * TAG.gapX; - const blockHeight = TAG.rows * TAG.height + (TAG.rows - 1) * TAG.gapY; + const blockWidth = + TAG.padding * 2 + TAG.cols * TAG.width + (TAG.cols - 1) * TAG.gapX; + const blockHeight = + TAG.padding * 2 + TAG.rows * TAG.height + (TAG.rows - 1) * TAG.gapY; const block = document.createElement('div'); block.className = 'nametag-block'; @@ -152,6 +155,7 @@ block.style.top = `${TAG.top}em`; block.style.width = `${blockWidth}em`; block.style.height = `${blockHeight}em`; + block.style.padding = `${TAG.padding}em`; block.style.gridTemplateColumns = `repeat(${TAG.cols}, ${TAG.width}em)`; block.style.gridAutoRows = `${TAG.height}em`; block.style.columnGap = `${TAG.gapX}em`;