From 9c56c55ac89b937798eb0dfd582caa38f9cbdb84 Mon Sep 17 00:00:00 2001
From: Axel Cocat <ax.cocat@gmail.com>
Date: Sat, 26 Feb 2022 14:59:17 +0100
Subject: [PATCH] feat(index): add styling to realm select

---
 static/css/index.css |  9 +++++++++
 static/index.html    | 20 ++++++++++++++------
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index 6cc2f69..9ab1d6f 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -13,3 +13,12 @@
 #results_processing {
 	height: 70px;
 }
+
+#select-realm-container {
+	display: flex;
+}
+
+#select-realm-container .realm-label {
+	align-self: center;
+	margin-right: 4px;
+}
diff --git a/static/index.html b/static/index.html
index 806bcb9..3513bd4 100644
--- a/static/index.html
+++ b/static/index.html
@@ -3,16 +3,24 @@
 <link rel="stylesheet" type="text/css" href="/css/datatables.css">
 <script type="application/javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
 
-<h1>Armory</h1>
+<h1 class="title is-size-1">Armory</h1>
 
 {{#if (not (equalsLength realms 1))}}
-<select id="select-realm">
-	{{#each realms}}
-	<option>{{this}}</option>
-	{{/each}}
-</select>
+
+<div id="select-realm-container">
+	<span class="realm-label">Realm:</span>
+	<div class="select">
+		<select id="select-realm">
+			{{#each realms}}
+			<option>{{this}}</option>
+			{{/each}}
+		</select>
+	</div>
+</div>
 {{/if}}
 
+<br>
+
 <table id="results" class="stripe hover row-border">
 	<thead>
 		<tr>