Merge pull request #1447 from nextcloud/fix/scopeSCSS

Scope SCSS in Create.vue and adjust Results.vue
nextcloud · Jan 15, 2023 · 30e6212 · 30e6212
2 parents 1f5776f + 6e06e6b
commit 30e6212
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 13 deletions.
diff --git a/src/views/Create.vue b/src/views/Create.vue
@@ -384,7 +384,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .app-content {
 	display: flex;
 	align-items: center;

diff --git a/src/views/Results.vue b/src/views/Results.vue
@@ -327,20 +327,39 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.app-content header {
-	h2 {
-		font-size: 2em;
-		font-weight: bold;
-		margin-top: 32px;
-		padding-left: 14px;
-		padding-bottom: 8px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
+.app-content {
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+
+	header,
+	section {
+		width: 100%;
+		max-width: 750px;
 	}
 
-	p {
-		padding-left: 14px;
+	// Title & description header
+	header {
+		display: flex;
+		flex-direction: column;
+		margin-bottom: 24px;
+		margin-left: 56px;
+
+		h2 {
+			margin-bottom: 0; // because the input field has enough padding
+			font-size: 28px;
+			font-weight: bold;
+			margin-top: 32px;
+			padding-left: 14px;
+			padding-bottom: 8px;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+
+		p {
+			padding-left: 14px;
+		}
 	}
 
 	.response-actions {