From ef0964d3687c05c7a2836d893e8fad960a5d90df Mon Sep 17 00:00:00 2001 From: Lisa Nguyen Date: Fri, 20 Dec 2019 08:16:14 -0800 Subject: [PATCH] Delete period in form and center heading --- src/components/carousel/SimpleSlider.css | 7 ------- src/components/qrCodeForm/QRCodeForm.css | 11 +++++++++-- src/components/qrCodeForm/QRCodeForm.js | 6 +++--- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/components/carousel/SimpleSlider.css b/src/components/carousel/SimpleSlider.css index 6763c14..352f505 100644 --- a/src/components/carousel/SimpleSlider.css +++ b/src/components/carousel/SimpleSlider.css @@ -16,11 +16,4 @@ .carouselheading { color: #B69E3C; -} - -.slick-previous { - -} -.slick-next { - } \ No newline at end of file diff --git a/src/components/qrCodeForm/QRCodeForm.css b/src/components/qrCodeForm/QRCodeForm.css index 8dcfffc..894ed0f 100644 --- a/src/components/qrCodeForm/QRCodeForm.css +++ b/src/components/qrCodeForm/QRCodeForm.css @@ -11,6 +11,13 @@ text-align: center; color: #B69E3C; } + +.QRCodeFormContainer p { + text-align: center; + color: #B69E3C; + font-size: 18px; +} + .QRCodeFormContainer input { width: 260px; height: 40px; @@ -21,14 +28,14 @@ font-family: 'Raleway', sans-serif; letter-spacing: 1px; font-size: 12px; + align-content: center; } .QRCodeFormContainer label { - padding: 0 15px; display: inline-block; width: 100px; /* color: dimgrey; */ color: #63B6A2; - font-size: 15px; + font-size: 16px; } .tapInputRow { width: 100%; diff --git a/src/components/qrCodeForm/QRCodeForm.js b/src/components/qrCodeForm/QRCodeForm.js index b4c4f18..2aefd03 100644 --- a/src/components/qrCodeForm/QRCodeForm.js +++ b/src/components/qrCodeForm/QRCodeForm.js @@ -52,7 +52,7 @@ export default function QRCodeForm() { + qrFirstName + '%0d%0aORG%3a' + qrCompanyOrg - + '.%0d%0aTITLE%3a' + + '%0d%0aTITLE%3a' + qrJobTitle + '%0d%0aEMAIL%3a' + qrEmail @@ -76,7 +76,7 @@ export default function QRCodeForm() {

Tick checkbox to include field in QR Code

- + setNote(e.target.value)}