From 8dc84fa241b02710a6033653e6d83efaf8a6b30b Mon Sep 17 00:00:00 2001
From: Robert Jelic <36573031+NoryiE@users.noreply.github.com>
Date: Wed, 27 Jul 2022 17:20:33 +0200
Subject: [PATCH] Update design.md

---
 docs/tips/design.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/tips/design.md b/docs/tips/design.md
index 3b8c2c4..3d6efb4 100644
--- a/docs/tips/design.md
+++ b/docs/tips/design.md
@@ -55,13 +55,13 @@ This is also possible with entire frames and its children objects. So keep that
 Here is a example on how to create a cool looking frame by using xml:
 ```xml
 <frame width="parent.w/2" bg="gray" scrollable="true" importantScroll="true">
-    <button x="2" y="2" width="100%-2" bg="black" fg="lightGray" text="Example Button 1!"/>
-    <button x="2" y="6" width="100%-2" bg="black" fg="lightGray" text="Example Button 2!"/>
-    <button x="2" y="10" width="100%-2" bg="black" fg="lightGray" text="Example Button 3!"/>
-    <button x="2" y="14" width="100%-2" bg="black" fg="lightGray" text="Example Button 4!"/>
-    <button x="2" y="18" width="100%-2" bg="black" fg="lightGray" text="Example Button 5!"/>
-    <button x="2" y="22" width="100%-2" bg="black" fg="lightGray" text="Example Button 6!"/>
-    <button x="2" y="26" width="100%-2" bg="black" fg="lightGray" text="Example Button 7!"/>
+    <button x="2" y="2" width="parent.w-2" bg="black" fg="lightGray" text="Example Button 1!"/>
+    <button x="2" y="6" width="parent.w-2" bg="black" fg="lightGray" text="Example Button 2!"/>
+    <button x="2" y="10" width="parent.w-2" bg="black" fg="lightGray" text="Example Button 3!"/>
+    <button x="2" y="14" width="parent.w-2" bg="black" fg="lightGray" text="Example Button 4!"/>
+    <button x="2" y="18" width="parent.w-2" bg="black" fg="lightGray" text="Example Button 5!"/>
+    <button x="2" y="22" width="parent.w-2" bg="black" fg="lightGray" text="Example Button 6!"/>
+    <button x="2" y="26" width="parent.w-2" bg="black" fg="lightGray" text="Example Button 7!"/>
 </frame>
 <frame x="parent.w/2+1" width="parent.w/2+1" bg="black">
     <textfield bg="gray" x="2" y="2" width="parent.w-2">