webface: refactoring of style

1 files changed, 47 insertions, 31 deletions

diff --git a/fatcat_covid19/templates/fulltext_search.html b/fatcat_covid19/templates/fulltext_search.html
index dd42f9b..f1f2c6b 100644
--- a/fatcat_covid19/templates/fulltext_search.html
+++ b/fatcat_covid19/templates/fulltext_search.html
@@ -12,7 +12,7 @@
 
 {% block fullmain %}
 
-<div class="ui vertical stripe segment" style="background-color: #EEE; padding-top: 4.5em;">
+<div class="ui vertical stripe segment" style="background-color: #EEE; padding-top: 2.5em;">
   <div class="ui container text">
     <h1>Search all COVID-19 Resources</h1>
     <form class="" role="search" action="/fulltext/search" method="get">
@@ -31,42 +31,58 @@
   </div>
 </div>
 
-<div class="ui container text">
-<br>
 
 {% if found %}
-{% if found.results %}
-    {{ entity_macros.top_results(found) }}
+  {% if found.results %}
 
-  {% for paper in found.results %}
-  {{ entity_macros.fulltext_search_result_row(paper) }}
-{% endfor %}
-{% if found.results|length > 8 %}
-  <div class="ui divider"></div>
-  <div style="text-align: center">
-  {{ entity_macros.bottom_results(found)}}
-  </div>
-{% endif %}
-{% else %}
+    <div class="ui container text" style="padding: 1em;">
+      {{ entity_macros.top_results(found) }}
+    </div>
+    <div class="ui container">
+      <div class="ui centered grid">
+        {% for paper in found.results %}
+          {{ entity_macros.fulltext_search_result_row(paper) }}
+        {% endfor %}
+      </div>
+    </div>
+    {% if found.results|length > 8 %}
+      <div class="ui container text">
+        <div class="ui divider"></div>
+        <div style="text-align: center">
+          {{ entity_macros.bottom_results(found)}}
+        </div>
+      </div>
+    {% endif %}
 
-Raw query was: <i>{{ found.query.q }}</i>
+  {% else %}
+    {# "did a query, but no results" #}
+    <div class="ui container text">
+      <br>
+      Raw query was: <i>{{ found.query.q }}</i>
 
-<div class="ui centered stackable grid" style="padding-top: 15%;">
-  <div class="row">
-    <div class="four wide column">
-      <img src="/static/paper_man_confused.gif" alt="confused paper man">
+      <div class="ui centered stackable grid" style="padding-top: 15%;">
+        <div class="row">
+          {#
+          <div class="four wide column">
+            <img src="/static/paper_man_confused.gif" alt="confused paper man">
+          </div>
+          #}
+          <div class="six wide column">
+            <h2>No results found!</h2>
+            <p>You could try elsewhere:</p>
+            <ul>
+            <li>Search <a href="https://dissem.in/search?q={{ found.query.q | urlencode }}">dissem.in</a></li>
+            <li>Search <a href="https://www.base-search.net/Search/Results?lookfor={{ found.query.q | urlencode }}">BASE</a></li>
+            <li>Search <a href="https://scholar.google.com/scholar?q={{ found.query.q | urlencode }}">Google Scholar</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
     </div>
-    <div class="six wide column">
-  <h2>No results found!</h2>
-  <p>You could try elsewhere:</p>
-  <ul>
-    <li>Search <a href="https://dissem.in/search?q={{ found.query.q | urlencode }}">dissem.in</a></li>
-    <li>Search <a href="https://www.base-search.net/Search/Results?lookfor={{ found.query.q | urlencode }}">BASE</a></li>
-    <li>Search <a href="https://scholar.google.com/scholar?q={{ found.query.q | urlencode }}">Google Scholar</a></li>
-  </ul>
-</div>
-{% endif %}
+
+  {% endif %}
+{% else %}
+    {# "no query submitted" #}
 {% endif %}
 
-</div>
 {% endblock %}