style: adjust spacing to match mockup

The native `section` has some spacing styles that do not align to our expectations. I have therefore adjusted it temporarily until we tackle the general spacing Signed-off-by: Kai Henseler <[email protected]>
IONOS-Productivity · Sep 26, 2024 · e78ff3c · e78ff3c
1 parent e78fd5e
commit e78ff3c
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 0 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -99,6 +99,9 @@ content {
 }
 
 h2 {
+	padding-top: 25px;
+	padding-left: 30px;
+	margin-bottom: 0;
 	font-weight: 700;
 	font-size: 24px;
 }

diff --git a/src/components/account/LanguageSection.vue b/src/components/account/LanguageSection.vue
@@ -69,3 +69,10 @@ export default {
 	},
 }
 </script>
+
+<style scoped>
+.section {
+	padding-top: 16px;
+	margin-bottom: 0;
+}
+</style>
diff --git a/src/components/account/Quota.vue b/src/components/account/Quota.vue
@@ -102,4 +102,9 @@ export default {
 		gap: 8px 0;
 	}
 }
+
+.section {
+	padding-top: 16px;
+	margin-bottom: 0;
+}
 </style>
diff --git a/src/components/files/WebDavUrl.vue b/src/components/files/WebDavUrl.vue
@@ -110,4 +110,9 @@ ol {
 p#webdav-info {
 	margin: 10px 0;
 }
+
+.section {
+	padding-top: 16px;
+	margin-bottom: 0;
+}
 </style>
diff --git a/src/components/help/Software.vue b/src/components/help/Software.vue
@@ -171,6 +171,11 @@ export default defineComponent({
 	vertical-align: middle;
 }
 
+.section {
+	padding-top: 16px;
+	margin-bottom: 0;
+}
+
 @media screen and (min-width: calc(variables.$breakpoint-mobile / 2)) {
 	.desktop-app {
 		max-width: calc(var(--software-content-width) / 2);

diff --git a/src/components/security/AuthTokenSection.vue b/src/components/security/AuthTokenSection.vue
@@ -55,3 +55,10 @@ export default defineComponent({
 	},
 })
 </script>
+
+<style scoped>
+.section {
+	padding-top: 16px;
+	margin-bottom: 0;
+}
+</style>