From 93a3bfdcb5f55ba60bb4d41e286cd7f9e152c129 Mon Sep 17 00:00:00 2001
From: Kabir Shah <iamkbrsh@gmail.com>
Date: Wed, 4 Jul 2018 12:52:58 -0700
Subject: [PATCH] update example style

---
 web/css/index.css       | 14 ++++++++++++++
 web/index.html          |  2 +-
 web/template/index.html |  2 +-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/web/css/index.css b/web/css/index.css
index 2d10cbd0..f5654ee4 100644
--- a/web/css/index.css
+++ b/web/css/index.css
@@ -35,3 +35,17 @@
 	margin-top: 70px;
 	margin-bottom: 70px;
 }
+
+#feature-minimal pre:nth-of-type(2) {
+	margin: 0;
+}
+
+#example {
+	height: 100%;
+	margin-bottom: 16px;
+	background-color: #E6E6E6;
+}
+
+#example input {
+	width: 80%;
+}
diff --git a/web/index.html b/web/index.html
index 2bff42e2..90f01c1b 100644
--- a/web/index.html
+++ b/web/index.html
@@ -47,7 +47,7 @@ <h1>The minimal & fast user interface library</h1>
 });</code></pre>
 				</div>
 				<div class="col">
-					<div id="example"></div>
+					<div id="example" class="flex center"></div>
 				</div>
 			</div>
 		</section>
diff --git a/web/template/index.html b/web/template/index.html
index 2bff42e2..90f01c1b 100644
--- a/web/template/index.html
+++ b/web/template/index.html
@@ -47,7 +47,7 @@ <h1>The minimal & fast user interface library</h1>
 });</code></pre>
 				</div>
 				<div class="col">
-					<div id="example"></div>
+					<div id="example" class="flex center"></div>
 				</div>
 			</div>
 		</section>