From a7e16a1956f60811b0eff709dbdd082c228df2aa Mon Sep 17 00:00:00 2001
From: wes <wjak56@gmail.com>
Date: Mon, 8 Aug 2016 17:51:35 -0400
Subject: [PATCH] loading thingy

---
 src/scripts/search.tag |  2 +-
 src/styles/search.css  | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/scripts/search.tag b/src/scripts/search.tag
index ec81ad7..acce2ca 100644
--- a/src/scripts/search.tag
+++ b/src/scripts/search.tag
@@ -16,7 +16,7 @@
         </div>
     </div>
   </form>
-  <div if={ booksLoading } class="loading search-load">
+  <div if={ booksLoading } class="search-load">
   </div>
 </search>
 function submit(ev) {
diff --git a/src/styles/search.css b/src/styles/search.css
index 47bb852..02633de 100644
--- a/src/styles/search.css
+++ b/src/styles/search.css
@@ -7,9 +7,28 @@ header {
 }
 
 .search-load {
+  color: transparent !important;
+  min-height: 1.6rem;
+  pointer-events: none;
+  position: relative;
+}
+
+.search-load::after {
+  -webkit-animation: loading 500ms infinite linear;
+  animation: loading 500ms infinite linear;
+  border: .2rem solid #5764c6;
   border-radius: 2.9rem;
-  width: 3rem;
+  border-right-color: transparent;
+  border-top-color: transparent;
+  content: "";
+  display: block;
   height: 2.8rem;
+  left: 50%;
+  margin-left: -.8rem;
+  margin-top: -.8rem;
+  position: absolute;
+  top: 50%;
+  width: 3rem;
 }
 
 .body {