design adjusments

sassdavid · Feb 14, 2024 · c9cd478 · c9cd478
1 parent e67b61b
commit c9cd478
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 12 deletions.
diff --git a/src/assets/scss/components/_form.scss b/src/assets/scss/components/_form.scss
@@ -286,7 +286,7 @@ input[type="checkbox"] + label, input[type="radio"] + label {
 }
 
 #messageLabel {
-  padding: 0 0 0 0;
+  padding: 0 0.3rem 0 0;
 }
 
 #messageTextarea {

diff --git a/src/assets/scss/layout/_wrapper.scss b/src/assets/scss/layout/_wrapper.scss
@@ -13,9 +13,7 @@
   @include vendor('justify-content', 'space-between');
   position: relative;
   width: 100%;
-  padding-top: 1rem;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+  padding: 4rem 2rem;
   z-index: 3;
 
   &:before {
@@ -62,6 +60,12 @@
   @include vendor('flex-direction', 'column');
   @include vendor('align-items', 'center');
   @include vendor('justify-content', 'center');
-  padding-top: calc(_size(element-margin) * 4.5);
+  padding-top: calc(_size(element-margin) * 2.5);
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
   text-align: center;
 }
+
+.not-found-page-wrapper {
+  padding: _size(element-margin) * 0.25 0 0 0;
+}
diff --git a/src/cards/Rsvp.tsx b/src/cards/Rsvp.tsx
@@ -303,11 +303,13 @@ const Rsvp = (props) => {
                 </select>
                 <ErrorMessage message={errors['dinner']} />
               </div>
-              <div className={`field ${formData.alone === 'no' ? 'half' : ''}`}>
-                <label htmlFor="shottype">Kedvenc rövidital(ok)</label>
-                <input type="text" name="shottype" id="shottype" value={formData.shottype} onChange={handleChange} maxLength="60" />
-                <ErrorMessage message={errors['shottype']} />
-              </div>
+              {formData.dinner === 'yes' && (
+                <div className={`field ${formData.alone === 'no' ? 'half' : ''}`}>
+                  <label htmlFor="shottype">Kedvenc rövidital(ok)</label>
+                  <input type="text" name="shottype" id="shottype" value={formData.shottype} onChange={handleChange} maxLength="60" />
+                  <ErrorMessage message={errors['shottype']} />
+                </div>
+              )}
             </React.Fragment>
           )}
           <div className="field">

diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
@@ -4,8 +4,7 @@ import SEO from '@/components/Seo';
 
 const Privacy = () => (
   <Layout>
-    <div
-      className="wrapper">
+    <div className="wrapper">
       <h1>Adatkezelési tájékoztató</h1>
       <h2>Adatkezelési tájékoztató / Adatvédelmi és jogi nyilatkozat</h2>
       <p>