2 files changed, 19 insertions, 26 deletions
diff --git a/gn2/wqflask/templates/base.html b/gn2/wqflask/templates/base.html
index 4d6273bf..26b75230 100644
--- a/gn2/wqflask/templates/base.html
+++ b/gn2/wqflask/templates/base.html
@@ -347,6 +347,7 @@
                      let timeToLoad = document.createElement("p");
                      timeToLoad.innerHTML = "It took your browser " + ((Date.now() - pageLoadStart) / 1000) + " second(s) to render this page";
                      document.querySelector("footer .row .col-xs-6").appendChild(timeToLoad);
+		 });
                 </script>
     </body>
 </html>
diff --git a/gn2/wqflask/templates/gnqa.html b/gn2/wqflask/templates/gnqa.html
index b9d2bcea..e3de0419 100644
--- a/gn2/wqflask/templates/gnqa.html
+++ b/gn2/wqflask/templates/gnqa.html
@@ -9,6 +9,7 @@
      transition: opacity 500ms ease-in;
      width: 50px;
  }
+
  .htmx-request .htmx-indicator, .htmx-request.htmx-indicator {
      opacity: 1;
      display: block;
@@ -17,11 +18,13 @@
      top: 50%;
      z-index: 19;
  }
+
  .search-header {
      font-size: 3.5em;
      color:#808080;
      font-family: sans serif;
  }
+
  .search-header small {
      font-size: 14px;
  }
@@ -29,32 +32,22 @@
  .search-header sup {
      top: -2em;
  }
+
  .gnqa-copy p {
      font-size: 16px;
      line-height: 1.5;
  }
- .search-hist-btn{
-     padding:15px;
-     margin: 0 auto;
-     border-bottom: 1px solid #ccc;
- }
- .search-hist-btn a:hover {
-     text-decoration: None;
-     padding:5px;
-     border-radius: 10px;
-     color:blue;
-     cursor:pointer;
- }
- .search-hist-btn a {
-     font-weight: bold;
-     color:#000;
+
+ #gnqna_search_home .form-group {
+     margin: 3em auto;
  }
- #gnqna_search_home input {
-     min-width: 25em;
-     margin: 1.5em 0;
+
+ #gnqna_search_home_input {
+     border-radius: 16px;
  }
- #gnqna_search_home {
-     field-sizing: normal;
+
+ #gnqna_search_home button {
+     margin-right: 10px;
  }
  .answers {
      width: 75%;
@@ -104,19 +97,18 @@
 	    </small>
 	</h1>
     </header>
-    <form class="col-sm-12" id="gnqna_search_home"
-	  hx-history="true"
+    <form class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-3 form-horizontal" id="gnqna_search_home"
 	  hx-post="/gnqna"
 	  hx-target=".gnqa-copy"
 	  hx-swap="outerHTML"
 	  hx-indicator="#indicator">
     <!--- init gnqa codebase here -->
-	<div class="col-sm-6">
-	    <button type="submit" class="btn btn-default btn-sm">
-		<i class="fa fa-search fa-2x" aria-hidden="true" title="Search History"></i>
+	<div class="form-group form-group-lg">
+	    <button type="submit" class="btn btn-default btn-sm col-sm-1 col-xs-1">
+		<i class="fa fa-search fa-3x" aria-hidden="true" title="Search History"></i>
 	    </button>
             <input
-		class="text-center"
+		class="text-left input-lg col-xs-10 col-sm-10"
 		id="gnqna_search_home_input"
 		type="text" autocomplete="on"
 		required