From 4dd3dd3fb3f4444c4866e8b626ff8f00d628b4ce Mon Sep 17 00:00:00 2001
From: Bryan Newbold <bnewbold@archive.org>
Date: Fri, 15 Jan 2021 03:48:08 -0800
Subject: html: tweaks to modal pop-ups

---
 fatcat_scholar/templates/base.html          |  2 ++
 fatcat_scholar/templates/search_macros.html | 16 +++++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html
index a0af582..4e09de1 100644
--- a/fatcat_scholar/templates/base.html
+++ b/fatcat_scholar/templates/base.html
@@ -57,6 +57,8 @@
       display: flex;
       justify-content: center;
       column-gap: 0.3em;
+      min-width: 12em;
+      max-width: 15em;
     }
 
     @media only screen and (max-width: 767px) {
diff --git a/fatcat_scholar/templates/search_macros.html b/fatcat_scholar/templates/search_macros.html
index c26ce7b..4ef9c48 100644
--- a/fatcat_scholar/templates/search_macros.html
+++ b/fatcat_scholar/templates/search_macros.html
@@ -226,7 +226,7 @@
         {% else %}
           Other
         {% endif %}
-      {% if paper.fulltext.thumbnail_url %}
+      {% if paper.fulltext and paper.fulltext.thumbnail_url %}
         <div class="menu" style="left: -110%; margin-top: -2.5em;">
           <img src="{{ paper.fulltext.thumbnail_url }}" alt="fulltext thumbnail">
         </div>
@@ -261,7 +261,7 @@
         {% elif paper.biblio.doi_prefix in ["10.1080"] %}
           tandfonline.com
         {% else %}
-          Publisher (DOI)
+          Publisher DOI
         {% endif %}
       </button>
     </a>
@@ -322,6 +322,9 @@
   {# ### CITATION MODAL #}
   {% if paper.doc_type == "work" %}
   <dialog id="cite-modal-{{ paper.key }}">
+    <button class="circular ui right floated compact basic icon button" onclick="this.parentElement.close()">
+      <i class="close icon"></i>
+    </button>
     <h2>{% trans %}Cite Work{% endtrans %}</h2>
     <table class="ui very basic table">
       <tbody>
@@ -340,8 +343,12 @@
 
   {# ### VERSIONS MODAL #}
   <dialog id="access-modal-{{ paper.key }}">
+    <button class="circular ui right floated compact basic icon button" onclick="this.parentElement.close()">
+      <i class="close icon"></i>
+    </button>
+
     <h2>{% trans %}Access Options{% endtrans %}</h2>
-    {% if paper.fulltext.thumbnail_url %}
+    {% if paper.fulltext and paper.fulltext.thumbnail_url %}
       <a href="{{ paper.fulltext.access_url }}">
         <img src="{{ paper.fulltext.thumbnail_url }}" alt="fulltext thumbnail">
       </a>
@@ -358,6 +365,9 @@
         <p>Some other <a href="{{ access.access_url }}">access here</a>.
       {% endif %}
     {% endfor %}
+    {% if paper.biblio.doi %}
+      <p>You can visit the publisher <a href="{{ paper.biblio.doi }}">landing page</a>.
+    {% endif %}
 
     {% if paper.releases|length > 1 %}
       <h2>All Versions</h2>
-- 
cgit v1.2.3