From c95aa68ec28d76ec3083c4221917b7cc7dadea86 Mon Sep 17 00:00:00 2001
From: Robert Janus <hallo@robertjanus.de>
Date: Sun, 11 May 2025 11:19:23 +0200
Subject: [PATCH] add: padding for Imp/Priv + fix: padding-defaults

---
 app/assets/styles/footer.css         |  4 ++--
 app/assets/styles/form/textfield.css |  2 +-
 app/assets/styles/general.css        | 10 +++++++---
 app/assets/styles/page.css           |  4 ++--
 app/assets/styles/priceCard.css      |  2 +-
 app/pages/imprint.vue                |  2 +-
 app/pages/privacy.vue                |  2 +-
 7 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/app/assets/styles/footer.css b/app/assets/styles/footer.css
index b23b844..baaa1fe 100644
--- a/app/assets/styles/footer.css
+++ b/app/assets/styles/footer.css
@@ -1,13 +1,13 @@
 .Footer {
     position: relative;
     background: var(--color-darkest);
-    padding: 1rem;
+    padding: var(--padding-default);
     z-index: 100;
 
     & h4 {
         color: var(--color-lightest);
         text-align: center;
-        margin-bottom: 1rem;
+        margin-bottom: var(--padding-default);
     }
 
     & .bottom {
diff --git a/app/assets/styles/form/textfield.css b/app/assets/styles/form/textfield.css
index c46fd55..afb1e53 100755
--- a/app/assets/styles/form/textfield.css
+++ b/app/assets/styles/form/textfield.css
@@ -53,7 +53,7 @@
 
   & input {
     all: unset;
-    padding: 0.5rem;
+    padding: var(--padding-small);
     font-size: 1rem;
     width: 100%;
     flex: 25% 1 0;
diff --git a/app/assets/styles/general.css b/app/assets/styles/general.css
index f752aa8..99b3170 100755
--- a/app/assets/styles/general.css
+++ b/app/assets/styles/general.css
@@ -190,19 +190,23 @@ dialog {
   & header {
     justify-content: space-between;
     align-items: center;
-    padding: 1rem 1rem 0;
+    padding: var(--padding-default) var(--padding-default) 0;
   }
 
   main {
-    padding: 0 1rem;
+    padding: 0 var(--padding-default);
   }
 
   & footer {
     justify-content: space-between;
-    padding: 0 1rem 1rem;
+    padding: 0 var(--padding-default) var(--padding-default);
   }
 
   &::backdrop {
     background: rgba(0, 0, 0, 0.5);
   }
 }
+
+.Legal {
+  padding: var(--padding-default);
+}
\ No newline at end of file
diff --git a/app/assets/styles/page.css b/app/assets/styles/page.css
index a9aaedf..24ab7a9 100644
--- a/app/assets/styles/page.css
+++ b/app/assets/styles/page.css
@@ -17,7 +17,7 @@
     background: var(--color-lightest);
     display: flex;
     justify-content: space-between;
-    padding: 1rem;
+    padding: var(--padding-default);
 
     & > button {
         all: unset;
@@ -54,7 +54,7 @@
 }
 
 .info-text {
-    padding: 0 1rem;
+    padding: 0 var(--padding-default);
     text-align: center;
     width: 100%;
     top: 40%;
diff --git a/app/assets/styles/priceCard.css b/app/assets/styles/priceCard.css
index b108971..4abf44e 100755
--- a/app/assets/styles/priceCard.css
+++ b/app/assets/styles/priceCard.css
@@ -43,7 +43,7 @@
         background: var(--color-lightest);
         z-index: 2;
         gap: 1rem;
-        padding: 1rem;
+        padding: var(--padding-default);
 
         &.animated {
             transition: var(--transition-default);
diff --git a/app/pages/imprint.vue b/app/pages/imprint.vue
index a2b2e54..800e9f6 100644
--- a/app/pages/imprint.vue
+++ b/app/pages/imprint.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <section class="Imp flex-col gap-default content full">
+    <section class="Legal flex-col gap-default content full">
       <div>
         <p>
           Fiona Lena Urban<br/>
diff --git a/app/pages/privacy.vue b/app/pages/privacy.vue
index 51328cc..d15e439 100644
--- a/app/pages/privacy.vue
+++ b/app/pages/privacy.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="flex-col gap-default content full">
+  <section class="Legal flex-col gap-default content full">
     <h3>
       Datenschutzerklärung
     </h3>