From ba3aa330bde41129a80b972a7d72a22237781b76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Mon, 17 Jan 2022 16:59:12 +0100
Subject: [PATCH] [ui] Search page improvements

---
 webui/src/views/Search.svelte | 37 ++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/webui/src/views/Search.svelte b/webui/src/views/Search.svelte
index 104a001..99cb8d4 100644
--- a/webui/src/views/Search.svelte
+++ b/webui/src/views/Search.svelte
@@ -82,25 +82,23 @@
 
 <div>
   {#if !$error}
+    <section class="exact">
+      {#if exactHits.length}
+        <ul>
+          {#each exactHits as address}
+            <li>
+              <UpObjectCard {address} --width="100%" --height="100%" />
+            </li>
+          {/each}
+        </ul>
+      {:else}
+        <div class="create">
+          <div>Create new object?</div>
+          <button class="create-object" on:click={create}>"{query}"</button>
+        </div>
+      {/if}
+    </section>
     {#if $result}
-      <section class="exact">
-        <h2>Exact</h2>
-        {#if exactHits.length}
-          <ul>
-            {#each exactHits as address}
-              <li>
-                <UpObjectCard {address} --width="100%" --height="100%" />
-              </li>
-            {/each}
-          </ul>
-        {:else}
-          <div class="create">
-            <p>Create new object?</p>
-            <button class="create-object" on:click={create}>"{query}"</button>
-          </div>
-        {/if}
-      </section>
-
       <section class="objects">
         {#await objects}
           <h2>Objects</h2>
@@ -159,6 +157,8 @@
   }
 
   .exact {
+    margin-top: 1rem;
+
     ul {
       display: flex;
       gap: 1rem;
@@ -186,6 +186,7 @@
       padding: 0.2em;
       font-size: 1.25em;
       cursor: pointer;
+      margin-top: 1rem;
     }
   }