From 8c6e3a68606262f2068765c38bf009b64d5c6100 Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Thu, 14 Sep 2023 20:38:23 +0000
Subject: [PATCH] add search form layout to main page, add search icon

---
 images/static/search.svg |  1 +
 index.html               | 14 ++++++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 images/static/search.svg

diff --git a/images/static/search.svg b/images/static/search.svg
new file mode 100644
index 0000000..1e2ea5f
--- /dev/null
+++ b/images/static/search.svg
@@ -0,0 +1 @@
+<svg width="800" height="800" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><style>:root{color:#fff}@media (prefers-color-scheme:light){:root{color:#000}}</style><path d="M15.796 15.811L21 21m-3-10.5a7.5 7.5 0 11-15 0 7.5 7.5 0 0115 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 3e32360..4c1c864 100644
--- a/index.html
+++ b/index.html
@@ -33,11 +33,17 @@
 		</header>
 		<main>
 			<section class="w3-container">
-				<div class="flex row nowrap" style="justify-content: space-between;">
-					<h2>Instances</h2>
-					<button type="button" id="instance-add" class="w3-button">Create Instance</button>
+				<h2>Instances</h2>
+				<div class="w3-card w3-padding">
+					<div class="flex row nowrap" style="justify-content: space-between;">
+						<form role="search" class="flex row nowrap">
+							<img src="images/static/search.svg">
+							<input type="search" id="search" class="w3-input w3-border" style="height: 1lh;">
+						</form>
+						<button type="button" id="instance-add" class="w3-button">Create Instance</button>						
+					</div>
+					<div id="instance-container"></div>
 				</div>
-				<div id="instance-container" class="w3-card w3-padding"></div>
 			</section>
 		</main>
 	</body>