From d8a381e049af325fd939d9d8f8e11149765cd60e Mon Sep 17 00:00:00 2001
From: Mayank Jain <81245278+mayankjain25@users.noreply.github.com>
Date: Mon, 3 Jul 2023 20:45:52 +0530
Subject: [PATCH] docs: Updated button width in documentation/reactivity
 (#8897)

* Updated button width in documentation/reactivity

Fixed button width in order to avoid the changing width of the button in the result when the text changes from 'time' to 'times'

* Made style changes as per the guidelines

* Replicated changes made in app-a to app-b

* Update App.svelte

* Update App.svelte

---------

Co-authored-by: Puru Vijay <47742487+PuruVJ@users.noreply.github.com>
---
 .../02-reactivity/01-reactive-assignments/app-a/App.svelte  | 6 ++++++
 .../02-reactivity/01-reactive-assignments/app-b/App.svelte  | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/documentation/tutorial/02-reactivity/01-reactive-assignments/app-a/App.svelte b/documentation/tutorial/02-reactivity/01-reactive-assignments/app-a/App.svelte
index 836e573dc6..8b1569bffb 100644
--- a/documentation/tutorial/02-reactivity/01-reactive-assignments/app-a/App.svelte
+++ b/documentation/tutorial/02-reactivity/01-reactive-assignments/app-a/App.svelte
@@ -10,3 +10,9 @@
 	Clicked {count}
 	{count === 1 ? 'time' : 'times'}
 </button>
+
+<style>
+	button {
+		width:200px;
+	}
+</style>
diff --git a/documentation/tutorial/02-reactivity/01-reactive-assignments/app-b/App.svelte b/documentation/tutorial/02-reactivity/01-reactive-assignments/app-b/App.svelte
index 382b2ee9e0..d51ca2e068 100644
--- a/documentation/tutorial/02-reactivity/01-reactive-assignments/app-b/App.svelte
+++ b/documentation/tutorial/02-reactivity/01-reactive-assignments/app-b/App.svelte
@@ -10,3 +10,9 @@
 	Clicked {count}
 	{count === 1 ? 'time' : 'times'}
 </button>
+
+<style>
+	button {
+		width:200px;
+	}
+</style>