From 9351bf2454b12731588f3e5dd6e65a6a782e12e3 Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Wed, 16 Feb 2022 14:00:32 -0500
Subject: [PATCH 1/8] Results print css update

---
 .../templates/item-template.html              | 14 +++----
 .../metrics/templates/metrics_container.html  | 42 +++++++++++++------
 .../abstract-page-layout.html                 |  2 +-
 src/styles/sass/ads-sass/print.scss           | 32 +++++++++++++-
 4 files changed, 67 insertions(+), 23 deletions(-)

diff --git a/src/js/widgets/list_of_things/templates/item-template.html b/src/js/widgets/list_of_things/templates/item-template.html
index 88b7f9239..8f4088d61 100644
--- a/src/js/widgets/list_of_things/templates/item-template.html
+++ b/src/js/widgets/list_of_things/templates/item-template.html
@@ -16,29 +16,29 @@
             {{identifier}}
         </a>
     </div>
-    <div class="hidden-xs col-xs-1 col-md-1 col-md-offset-0 s-top-row-col" aria-label="date published">
+    <div class="hidden-xs col-xs-1 col-md-1 col-md-offset-0 s-top-row-col print-visible-inline-1" aria-label="date published">
         {{formattedDate}}
     </div>
 
-    <div class="hidden-xs">
+    <div class="hidden-xs print-visible-block-1">
       <div class="col-xs-3 col-sm-5 col-md-3 s-top-row-col">
           {{#if citation_count }}
               {{#if normCiteSort}}
-              <a href="#abs/{{encodedIdentifier}}/citations" title="citation count" class="citations-redirect-link" aria-label="{{citationCountNorm}} normalized citations"><span class="hidden-xs">cited (n):</span> {{citationCountNorm}}</a>
+              <a href="#abs/{{encodedIdentifier}}/citations" title="citation count" class="citations-redirect-link" aria-label="{{citationCountNorm}} normalized citations">cited (n): {{citationCountNorm}}</a>
               {{else}}
-              <a href="#abs/{{encodedIdentifier}}/citations" title="citation count" class="citations-redirect-link" aria-label="{{citation_count}} citations"><span class="hidden-xs">cited:</span> {{citation_count}}</a>
+              <a href="#abs/{{encodedIdentifier}}/citations" title="citation count" class="citations-redirect-link" aria-label="{{citation_count}} citations">cited: {{citation_count}}</a>
               {{/if}}
           {{/if}}
       </div>
     </div>
 
-    <div class="hidden-sm hidden-md hidden-lg">
+    <div class="hidden-sm hidden-md hidden-lg print-hidden">
       <div class="col-xs-2 col-sm-5 col-md-3 s-top-row-col text-right">
           {{#if citation_count }}
               {{#if normCiteSort}}
-              <a href="#abs/{{encodedIdentifier}}/citations" title="citation count" class="citations-redirect-link" aria-label="{{citationCountNorm}} normalized citations"><span class="hidden-xs">cited (n):</span> {{citationCountNorm}}</a>
+              <a href="#abs/{{encodedIdentifier}}/citations" title="citation count" class="citations-redirect-link" aria-label="{{citationCountNorm}} normalized citations">{{citationCountNorm}}</a>
               {{else}}
-              <a href="#abs/{{encodedIdentifier}}/citations" title="citation count" class="citations-redirect-link" aria-label="{{citation_count}} citations"><span class="hidden-xs">cited:</span> {{citation_count}}</a>
+              <a href="#abs/{{encodedIdentifier}}/citations" title="citation count" class="citations-redirect-link" aria-label="{{citation_count}} citations">{{citation_count}}</a>
               {{/if}}
           {{/if}}
       </div>
diff --git a/src/js/widgets/metrics/templates/metrics_container.html b/src/js/widgets/metrics/templates/metrics_container.html
index 4c225c868..c204a7197 100644
--- a/src/js/widgets/metrics/templates/metrics_container.html
+++ b/src/js/widgets/metrics/templates/metrics_container.html
@@ -1,22 +1,22 @@
 <div class="metrics-container">
-  <div class="print-visible">
+  <div class="print-only">
     <h2 style="font-weight: 800;text-align:center;">NASA/ADS Metrics Report</h2>
   </div>
-  <div class="print-visible" style="text-align:center">{{url}}</div>
+  <div class="print-only" style="text-align:center">{{url}}</div>
 
   <div class="col-xs-12 s-explore-close-container">
     <div class="s-large-close close-widget close">x</div>
     {{#if loading}}
 
-      <div class="s-metrics-metadata">
-        <i class="icon-loading" aria-hidden="true" /> Loading metrics...
-      </div>
+    <div class="s-metrics-metadata">
+      <i class="icon-loading" aria-hidden="true" /> Loading metrics...
+    </div>
 
-      {{else}}
+    {{else}}
 
-      <div class="metrics-metadata s-metrics-metadata">
-        <p>Currently showing metrics for <b>{{numFound}}</b> records.</p>
-      </div>
+    <div class="metrics-metadata s-metrics-metadata">
+      <p>Currently showing metrics for <b>{{numFound}}</b> records.</p>
+    </div>
 
     {{/if}}
   </div>
@@ -32,7 +32,11 @@ <h2 class="s-article-title">{{{title}}}</h2>
     <div class="s-metrics-title">
       <h3>Papers</h3>
       <button class="btn btn-link download s-download hidden">
-        <i class="fa fa-download fa-2x" aria-hidden="true" title="download data in csv"></i>
+        <i
+          class="fa fa-download fa-2x"
+          aria-hidden="true"
+          title="download data in csv"
+        ></i>
         <span class="sr-only">download data in csv</span>
       </button>
     </div>
@@ -43,7 +47,11 @@ <h3>Papers</h3>
     <div class="s-metrics-title">
       <h3>Citations</h3>
       <button class="btn btn-link download s-download hidden">
-        <i class="fa fa-download fa-2x" aria-hidden="true" title="download data in csv"></i>
+        <i
+          class="fa fa-download fa-2x"
+          aria-hidden="true"
+          title="download data in csv"
+        ></i>
         <span class="sr-only">download data in csv</span>
       </button>
     </div>
@@ -54,7 +62,11 @@ <h3>Citations</h3>
     <div class="s-metrics-title">
       <h3>Reads</h3>
       <button class="btn btn-link download s-download hidden">
-        <i class="fa fa-download fa-2x" aria-hidden="true" title="download data in csv"></i>
+        <i
+          class="fa fa-download fa-2x"
+          aria-hidden="true"
+          title="download data in csv"
+        ></i>
         <span class="sr-only">download data in csv</span>
       </button>
     </div>
@@ -65,7 +77,11 @@ <h3>Reads</h3>
     <div class="s-metrics-title">
       <h3>Indices</h3>
       <button class="btn btn-link s-download download-indices hidden">
-        <i class="fa fa-download fa-2x" aria-hidden="true" title="download data in csv"></i>
+        <i
+          class="fa fa-download fa-2x"
+          aria-hidden="true"
+          title="download data in csv"
+        ></i>
         <span class="sr-only">download data in csv</span>
       </button>
     </div>
diff --git a/src/js/wraps/abstract_page_manager/abstract-page-layout.html b/src/js/wraps/abstract_page_manager/abstract-page-layout.html
index 2247fee74..f8ed4d743 100644
--- a/src/js/wraps/abstract_page_manager/abstract-page-layout.html
+++ b/src/js/wraps/abstract_page_manager/abstract-page-layout.html
@@ -18,7 +18,7 @@
             <div class="col-sm-9 col-md-7 s-middle-column" id="middle-column">
                 <!--id is for screen readers-->
                 <div class="main-content-container s-main-content-container" id="main-content" tabindex="-1">
-                    <div class="print-visible"><h2 style="margin-left:6.1%;">NASA/ADS</h2> </div>
+                    <div class="print-only"><h2 style="margin-left:6.1%;">NASA/ADS</h2> </div>
 
                     <div id="current-subview">
                         <div data-widget="ShowAbstract"/>
diff --git a/src/styles/sass/ads-sass/print.scss b/src/styles/sass/ads-sass/print.scss
index 211dd9dc8..e072fbcbc 100644
--- a/src/styles/sass/ads-sass/print.scss
+++ b/src/styles/sass/ads-sass/print.scss
@@ -1,4 +1,4 @@
-.print-visible {
+.print-only {
   display: none;
 }
 @media print {
@@ -13,10 +13,14 @@
     overflow-x: visible !important;
   }
 
-  .print-visible {
+  .print-only {
     display: block;
   }
 
+  .print-hidden {
+    display: none !important;
+  }
+
   .s-results-links {
     display: none;
   }
@@ -103,4 +107,28 @@
   #darkSwitch {
     display: none;
   }
+
+  .custom-checkbox {
+    display: none;
+  }
+
+  .s-show-details-container {
+    display: none;
+  }
+
+  .s-pagination-controls {
+    display: none;
+  }
+
+  #backToTopBtn {
+    display: none;
+  }
+
+  .print-visible-inline-1 {
+    display: inline !important;
+  }
+
+  .print-visible-block-1 {
+    display: block !important;
+  }
 }

From 0852c567c687c33af1c1fd4cf67902c6f8b32ec8 Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Wed, 16 Feb 2022 14:41:03 -0500
Subject: [PATCH 2/8] Print layout - library list

---
 .../templates/layout-container.html           |  4 +-
 .../templates/library-header.html             | 48 +++++++++++--------
 .../templates/library-container.html          |  2 +-
 .../templates/library-item-edit.html          |  8 ++--
 src/styles/sass/ads-sass/print.scss           | 19 ++++++++
 5 files changed, 55 insertions(+), 26 deletions(-)

diff --git a/src/js/widgets/library_individual/templates/layout-container.html b/src/js/widgets/library_individual/templates/layout-container.html
index 357f6b248..486cf2730 100644
--- a/src/js/widgets/library_individual/templates/layout-container.html
+++ b/src/js/widgets/library_individual/templates/layout-container.html
@@ -1,3 +1,3 @@
-<div class="header s-header"></div>
+<div class="header s-header s-lib-header"></div>
 
-<div class="main s-main"></div>
\ No newline at end of file
+<div class="main s-main"></div>
diff --git a/src/js/widgets/library_individual/templates/library-header.html b/src/js/widgets/library_individual/templates/library-header.html
index a9e2d5659..8d8c6aa16 100644
--- a/src/js/widgets/library_individual/templates/library-header.html
+++ b/src/js/widgets/library_individual/templates/library-header.html
@@ -186,28 +186,37 @@ <h5>Date Last Modified:</h5>
 </div>
 
 <div>
-{{#if public}}
+  {{#if public}}
   <i
     class="fa fa-lg fa-unlock"
     aria-hidden="true"
     title="This library is public"
   ></i>
-{{else}}
+  {{else}}
   <i
     class="fa fa-lg fa-lock text-light"
     aria-hidden="true"
     title="This library is private"
   ></i>
-{{/if}} 
-{{#compare permission 'owner'}} 
-  {{#compare num_users 1 operator=">"}} 
-    <i class="fa fa-users" aria-hidden="true" title="This library has collaborators"></i>
+  {{/if}} {{#compare permission 'owner'}} {{#compare num_users 1 operator=">"}}
+  <i
+    class="fa fa-users"
+    aria-hidden="true"
+    title="This library has collaborators"
+  ></i>
   {{else}}
-    <i class="fa fa-user" aria-hidden="true" title="This library has no collaborators"></i>
-  {{/compare}} 
-{{else}}
-    <i class="fa fa-users" aria-hidden="true" title="This library has collaborators"></i>
-{{/compare}}
+  <i
+    class="fa fa-user"
+    aria-hidden="true"
+    title="This library has no collaborators"
+  ></i>
+  {{/compare}} {{else}}
+  <i
+    class="fa fa-users"
+    aria-hidden="true"
+    title="This library has collaborators"
+  ></i>
+  {{/compare}}
 </div>
 
 {{#if edit}}
@@ -292,10 +301,9 @@ <h5>Owner:</h5>
     {{owner}}
   </div>
   <br />
-{{#compare permission "none"}}
-<br/>
-{{else}}
-  {{#compare permission "read"}}
+  {{#compare permission "none"}}
+  <br />
+  {{else}} {{#compare permission "read"}}
   <br />
   <p>
     <i class="fa fa-cog" aria-hidden="true"></i> You can <b>read</b> this
@@ -311,8 +319,11 @@ <h5>Owner:</h5>
     data-target="#library-actions"
     aria-expanded="false"
   >
-    <i class="fa fa-cog" aria-hidden="true"></i> View editing options<span class="hide-xxs"> (You have
-    <b>{{permission}}</b> privileges)</span>
+    <i class="fa fa-cog" aria-hidden="true"></i> View editing options<span
+      class="hide-xxs"
+    >
+      (You have <b>{{permission}}</b> privileges)</span
+    >
   </button>
   <div
     class="collapse"
@@ -349,8 +360,7 @@ <h5>Owner:</h5>
     {{/compare}}
   </div>
 
-  {{/compare}}
-{{/compare}}
+  {{/compare}} {{/compare}}
 </div>
 
 <!-- tabs -->
diff --git a/src/js/widgets/library_list/templates/library-container.html b/src/js/widgets/library_list/templates/library-container.html
index 120f1d0c3..cc2ca1f95 100644
--- a/src/js/widgets/library_list/templates/library-container.html
+++ b/src/js/widgets/library_list/templates/library-container.html
@@ -30,7 +30,7 @@ <h3 class="record-deleted"><i class="icon-success" aria-hidden="true" /> Record
       </div>
     {{/if}}
 </div>
-<hr/>
+<hr class="print-hidden"/>
 
 <ul class="library-list-container s-library-list-container">
 </ul>
diff --git a/src/js/widgets/library_list/templates/library-item-edit.html b/src/js/widgets/library_list/templates/library-item-edit.html
index b18d63989..82675ee81 100644
--- a/src/js/widgets/library_list/templates/library-item-edit.html
+++ b/src/js/widgets/library_list/templates/library-item-edit.html
@@ -15,10 +15,10 @@
                 {{identifier}}
             </a>
         </div>
-        <div class="hidden-xs col-xs-2 col-sm-1 s-top-row-col" aria-label="date published">
+        <div class="hidden-xs col-xs-2 col-sm-1 s-top-row-col print-visible-inline-1" aria-label="date published">
             {{formattedDate}}
         </div>
-        <div class="hidden-xs col-sm-2 s-top-row-col" title="citation count">
+        <div class="hidden-xs col-sm-2 s-top-row-col print-visible-inline-1" title="citation count">
             {{#if num_citations}}
                 {{#if normCiteSort}}
                 <a href="#abs/{{bibcode}}/citations">cited (n): {{num_citations}}.00</a>
@@ -83,8 +83,8 @@
             </span>
 
             {{#if permission}}
-            <button class="hidden-xs btn btn-sm btn-danger btn-inverse remove-record pull-right" title="delete record permanently from this library"><i class="fa fa-times" aria-hidden="true"></i></button>
-            <button class="hidden-sm hidden-md hidden-lg btn btn-xs btn-danger btn-inverse remove-record pull-right" title="delete record permanently from this library"><i class="fa fa-times" aria-hidden="true"></i></button>
+            <button class="hidden-xs btn btn-sm btn-danger btn-inverse remove-record pull-right print-hidden" title="delete record permanently from this library"><i class="fa fa-times" aria-hidden="true"></i></button>
+            <button class="hidden-sm hidden-md hidden-lg btn btn-xs btn-danger btn-inverse remove-record pull-right print-hidden" title="delete record permanently from this library"><i class="fa fa-times" aria-hidden="true"></i></button>
             {{/if}}
         </div>
 
diff --git a/src/styles/sass/ads-sass/print.scss b/src/styles/sass/ads-sass/print.scss
index e072fbcbc..ebc16d66e 100644
--- a/src/styles/sass/ads-sass/print.scss
+++ b/src/styles/sass/ads-sass/print.scss
@@ -131,4 +131,23 @@
   .print-visible-block-1 {
     display: block !important;
   }
+
+  // library
+  .s-user-pill-nav {
+    display: none;
+  }
+
+  .s-lib-header {
+    display: none;
+  }
+
+  .s-library-actions {
+    display: none;
+  }
+
+  .library-detail-view {
+    margin: 0;
+    padding: 0;
+    border: none;
+  }
 }

From 19c6bb6e1e0153549118034fd5d2dc0679c50605 Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Wed, 16 Feb 2022 14:53:54 -0500
Subject: [PATCH 3/8] Print layout - abstract

---
 .../abstract/templates/abstract_template.html | 202 ++++++++++++------
 1 file changed, 139 insertions(+), 63 deletions(-)

diff --git a/src/js/widgets/abstract/templates/abstract_template.html b/src/js/widgets/abstract/templates/abstract_template.html
index bb4c9b68f..488ddc575 100644
--- a/src/js/widgets/abstract/templates/abstract_template.html
+++ b/src/js/widgets/abstract/templates/abstract_template.html
@@ -16,7 +16,10 @@ <h2 class="s-abstract-title">
   {{/if}}
 </h2>
 
-<button class="btn btn-xs btn-default-flat s-toggle-aff" id="toggle-aff">
+<button
+  class="btn btn-xs btn-default-flat s-toggle-aff print-hidden"
+  id="toggle-aff"
+>
   Show affiliations
 </button>
 <span id="pending-aff" style="display: none;"
@@ -29,7 +32,7 @@ <h2 class="s-abstract-title">
 >
 {{#if authorAff.length}} {{#if hasMoreAuthors}}
 <button
-  class="btn btn-xs btn-default-flat s-toggle-authors"
+  class="btn btn-xs btn-default-flat s-toggle-authors print-hidden"
   id="toggle-more-authors"
 >
   Show all authors
@@ -40,75 +43,135 @@ <h2 class="s-abstract-title">
   <ul class="list-inline">
     {{#each authorAff}}
     <li class="author">
-      <a href="#search/q=author:{{this.[5]}}&sort=date%20desc,%20bibcode%20desc">
+      <a
+        href="#search/q=author:{{this.[5]}}&sort=date%20desc,%20bibcode%20desc"
+      >
         {{this.[0]}}
       </a>
       <span>
         {{#compare this.[2] '-' operator="!=="}}
-          <a class="orcid-author" href="#search/q=orcid:{{this.[2]}}&sort=date%20desc,%20bibcode%20desc">
-            <img class="inactive" src="../../styles/img/orcid-inactive.svg" alt="search by orcid">
-            <img class="active hidden" src="../../styles/img/orcid-active.svg" alt="search by orcid">
-          </a>
-        {{else}}
-          {{#compare this.[3] '-' operator="!=="}}
-            <a class="orcid-author" href="#search/q=orcid:{{this.[3]}}&sort=date%20desc,%20bibcode%20desc">
-              <img class="inactive" src="../../styles/img/orcid-inactive.svg" alt="search by orcid">
-              <img class="active hidden" src="../../styles/img/orcid-active.svg" alt="search by orcid">
-            </a>
-          {{else}}
-            {{#compare this.[4] '-' operator="!=="}}
-              <a class="orcid-author" href="#search/q=orcid:{{this.[4]}}&sort=date%20desc,%20bibcode%20desc">
-                <img class="inactive" src="../../styles/img/orcid-inactive.svg" alt="search by orcid">
-                <img class="active hidden" src="../../styles/img/orcid-active.svg" alt="search by orcid">
-              </a>
-            {{/compare}}
-          {{/compare}}
-        {{/compare}}
+        <a
+          class="orcid-author"
+          href="#search/q=orcid:{{this.[2]}}&sort=date%20desc,%20bibcode%20desc"
+        >
+          <img
+            class="inactive"
+            src="../../styles/img/orcid-inactive.svg"
+            alt="search by orcid"
+          />
+          <img
+            class="active hidden"
+            src="../../styles/img/orcid-active.svg"
+            alt="search by orcid"
+          />
+        </a>
+        {{else}} {{#compare this.[3] '-' operator="!=="}}
+        <a
+          class="orcid-author"
+          href="#search/q=orcid:{{this.[3]}}&sort=date%20desc,%20bibcode%20desc"
+        >
+          <img
+            class="inactive"
+            src="../../styles/img/orcid-inactive.svg"
+            alt="search by orcid"
+          />
+          <img
+            class="active hidden"
+            src="../../styles/img/orcid-active.svg"
+            alt="search by orcid"
+          />
+        </a>
+        {{else}} {{#compare this.[4] '-' operator="!=="}}
+        <a
+          class="orcid-author"
+          href="#search/q=orcid:{{this.[4]}}&sort=date%20desc,%20bibcode%20desc"
+        >
+          <img
+            class="inactive"
+            src="../../styles/img/orcid-inactive.svg"
+            alt="search by orcid"
+          />
+          <img
+            class="active hidden"
+            src="../../styles/img/orcid-active.svg"
+            alt="search by orcid"
+          />
+        </a>
+        {{/compare}} {{/compare}} {{/compare}}
       </span>
-      <span class="affiliation hide"> (<i>{{this.[1]}}</i>)</span>{{#if @last}}{{else}};{{/if}}
+      <span class="affiliation hide"> (<i>{{this.[1]}}</i>)</span>{{#if
+      @last}}{{else}};{{/if}}
     </li>
-    {{/each}}
-
-    {{#if hasMoreAuthors}}
+    {{/each}} {{#if hasMoreAuthors}}
     <li class="author">
       ;
       <span class="extra-dots">
         <a data-target="more-authors" title="Show all authors">...</a>
       </span>
     </li>
-    {{/if}}
+    {{/if}} {{#each authorAffExtra}}
 
-    {{#each authorAffExtra}}
     <li class="author extra hide">
-      <a href="#search/q=author:{{this.[5]}}&sort=date%20desc,%20bibcode%20desc">
+      <a
+        href="#search/q=author:{{this.[5]}}&sort=date%20desc,%20bibcode%20desc"
+      >
         {{this.[0]}}
       </a>
       <span>
         {{#compare this.[2] '-' operator="!=="}}
-          <a class="orcid-author" href="#search/q=orcid:{{this.[2]}}&sort=date%20desc,%20bibcode%20desc">
-            <img class="inactive" src="../../styles/img/orcid-inactive.svg" alt="search by orcid">
-            <img class="active hidden" src="../../styles/img/orcid-active.svg" alt="search by orcid">
-          </a>
-        {{else}}
-          {{#compare this.[3] '-' operator="!=="}}
-            <a class="orcid-author" href="#search/q=orcid:{{this.[3]}}&sort=date%20desc,%20bibcode%20desc">
-              <img class="inactive" src="../../styles/img/orcid-inactive.svg" alt="search by orcid">
-              <img class="active hidden" src="../../styles/img/orcid-active.svg" alt="search by orcid">
-            </a>
-          {{else}}
-            {{#compare this.[4] '-' operator="!=="}}
-              <a class="orcid-author" href="#search/q=orcid:{{this.[4]}}&sort=date%20desc,%20bibcode%20desc">
-                <img class="inactive" src="../../styles/img/orcid-inactive.svg" alt="search by orcid">
-                <img class="active hidden" src="../../styles/img/orcid-active.svg" alt="search by orcid">
-              </a>
-            {{/compare}}
-          {{/compare}}
-        {{/compare}}
+        <a
+          class="orcid-author"
+          href="#search/q=orcid:{{this.[2]}}&sort=date%20desc,%20bibcode%20desc"
+        >
+          <img
+            class="inactive"
+            src="../../styles/img/orcid-inactive.svg"
+            alt="search by orcid"
+          />
+          <img
+            class="active hidden"
+            src="../../styles/img/orcid-active.svg"
+            alt="search by orcid"
+          />
+        </a>
+        {{else}} {{#compare this.[3] '-' operator="!=="}}
+        <a
+          class="orcid-author"
+          href="#search/q=orcid:{{this.[3]}}&sort=date%20desc,%20bibcode%20desc"
+        >
+          <img
+            class="inactive"
+            src="../../styles/img/orcid-inactive.svg"
+            alt="search by orcid"
+          />
+          <img
+            class="active hidden"
+            src="../../styles/img/orcid-active.svg"
+            alt="search by orcid"
+          />
+        </a>
+        {{else}} {{#compare this.[4] '-' operator="!=="}}
+        <a
+          class="orcid-author"
+          href="#search/q=orcid:{{this.[4]}}&sort=date%20desc,%20bibcode%20desc"
+        >
+          <img
+            class="inactive"
+            src="../../styles/img/orcid-inactive.svg"
+            alt="search by orcid"
+          />
+          <img
+            class="active hidden"
+            src="../../styles/img/orcid-active.svg"
+            alt="search by orcid"
+          />
+        </a>
+        {{/compare}} {{/compare}} {{/compare}}
       </span>
-      <span class="affiliation hide"> (<i>{{this.[1]}}</i>)</span>{{#if @last}}{{else}};{{/if}}
+      <span class="affiliation hide"> (<i>{{this.[1]}}</i>)</span>{{#if
+      @last}}{{else}};{{/if}}
     </li>
     {{/each}}
-
   </ul>
 </div>
 {{/if}}
@@ -129,23 +192,27 @@ <h4 class="sr-only">Abstract</h4>
   <dd>
     <div id="article-publication">{{{pub_raw}}}</div>
   </dd>
-  {{/if}}
-  {{#if book_author}}
+  {{/if}} {{#if book_author}}
   <dt>
     Book Author{{#compare book_author.length 1 operator='>'}}(s){{/compare}}:
   </dt>
   <dd>
     {{#each book_author}}<a href="{{href}}">{{name}}</a>{{delim}}{{/each}}
   </dd>
-  {{/if}}
-  {{#if formattedDate}}
+  {{/if}} {{#if formattedDate}}
   <dt>Pub Date:</dt>
   <dd>{{formattedDate}}</dd>
   {{/if}} {{#if doi}}
   <dt>DOI:</dt>
   <dd>
     <span>
-      <a data-target="DOI" href="{{doi.href}}" target="_blank" rel="noreferrer noopener">{{doi.doi}}</a>
+      <a
+        data-target="DOI"
+        href="{{doi.href}}"
+        target="_blank"
+        rel="noreferrer noopener"
+        >{{doi.doi}}</a
+      >
       <i class="fa fa-external-link" aria-hidden="true"></i>
     </span>
   </dd>
@@ -153,7 +220,13 @@ <h4 class="sr-only">Abstract</h4>
   <dt>arXiv:</dt>
   <dd>
     <span>
-      <a data-target="arXiv" href="{{arxiv.href}}" target="_blank" rel="noreferrer noopener">{{arxiv.id}}</a>
+      <a
+        data-target="arXiv"
+        href="{{arxiv.href}}"
+        target="_blank"
+        rel="noreferrer noopener"
+        >{{arxiv.id}}</a
+      >
       <i class="fa fa-external-link" aria-hidden="true"></i>
     </span>
   </dd>
@@ -162,11 +235,12 @@ <h4 class="sr-only">Abstract</h4>
   <dt>Bibcode:</dt>
   <dd>
     <button
-    class="btn btn-link copy-btn"
-    style="padding: 0px"
-    id="abs-bibcode-copy"
-    data-clipboard-text="{{bibcode}}"
-    aria-label="copy bibcode">
+      class="btn btn-link copy-btn"
+      style="padding: 0px"
+      id="abs-bibcode-copy"
+      data-clipboard-text="{{bibcode}}"
+      aria-label="copy bibcode"
+    >
       {{ bibcode }}
       <i
         class="icon-help"
@@ -176,7 +250,9 @@ <h4 class="sr-only">Abstract</h4>
         data-content="The bibcode is assigned by the ADS as a unique identifier for the paper."
       ></i>
     </button>
-    <span id="abs-bibcode-copy-msg" class="text-info" style="display: none;">Copied!</span>
+    <span id="abs-bibcode-copy-msg" class="text-info" style="display: none;"
+      >Copied!</span
+    >
   </dd>
 
   {{#if keyword}}
@@ -204,7 +280,7 @@ <h4 class="sr-only">Abstract</h4>
 </dl>
 <br />
 <a
-  class="small pull-right text-faded"
+  class="small pull-right text-faded print-hidden"
   href="/feedback/correctabstract?bibcode={{bibcode}}"
   title="Provide feedback or suggest corrections"
 >

From f0f3fa48e48f4266147cc1ecc43c7756379f8bd3 Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Wed, 16 Feb 2022 18:02:28 -0500
Subject: [PATCH 4/8] print layout for metrics

---
 .../templates/results-container-template.html         |  2 +-
 .../widgets/metrics/templates/metrics_container.html  |  4 +++-
 .../abstract_page_manager/abstract-page-layout.html   |  1 -
 src/styles/sass/ads-sass/print.scss                   | 11 +++++------
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/js/widgets/list_of_things/templates/results-container-template.html b/src/js/widgets/list_of_things/templates/results-container-template.html
index 2efed45bd..997c84c43 100644
--- a/src/js/widgets/list_of_things/templates/results-container-template.html
+++ b/src/js/widgets/list_of_things/templates/results-container-template.html
@@ -29,7 +29,7 @@ <h2 class="s-article-title">{{{title}}}</h2>
     </div>
     <br />
     {{/if}} {{/compare}} {{#if queryOperator}}
-    <div class="s-operator">
+    <div class="s-operator print-hidden">
       <a href="{{queryURL}}" class="btn btn-sm btn-inverse btn-primary-faded"
         ><i class="fa fa-search" aria-hidden="true"></i> view this list in a
         search results page</a
diff --git a/src/js/widgets/metrics/templates/metrics_container.html b/src/js/widgets/metrics/templates/metrics_container.html
index c204a7197..d32dbf354 100644
--- a/src/js/widgets/metrics/templates/metrics_container.html
+++ b/src/js/widgets/metrics/templates/metrics_container.html
@@ -1,6 +1,8 @@
 <div class="metrics-container">
   <div class="print-only">
-    <h2 style="font-weight: 800;text-align:center;">NASA/ADS Metrics Report</h2>
+    <div style="font-weight: 300;text-align:center; font-size: medium;">
+      NASA/ADS Metrics Report
+    </div>
   </div>
   <div class="print-only" style="text-align:center">{{url}}</div>
 
diff --git a/src/js/wraps/abstract_page_manager/abstract-page-layout.html b/src/js/wraps/abstract_page_manager/abstract-page-layout.html
index f8ed4d743..e5b302466 100644
--- a/src/js/wraps/abstract_page_manager/abstract-page-layout.html
+++ b/src/js/wraps/abstract_page_manager/abstract-page-layout.html
@@ -18,7 +18,6 @@
             <div class="col-sm-9 col-md-7 s-middle-column" id="middle-column">
                 <!--id is for screen readers-->
                 <div class="main-content-container s-main-content-container" id="main-content" tabindex="-1">
-                    <div class="print-only"><h2 style="margin-left:6.1%;">NASA/ADS</h2> </div>
 
                     <div id="current-subview">
                         <div data-widget="ShowAbstract"/>
diff --git a/src/styles/sass/ads-sass/print.scss b/src/styles/sass/ads-sass/print.scss
index ebc16d66e..ea592998d 100644
--- a/src/styles/sass/ads-sass/print.scss
+++ b/src/styles/sass/ads-sass/print.scss
@@ -6,6 +6,7 @@
   *:before,
   *:after {
     overflow: visible !important;
+    border: none;
   }
 
   //THIS IS SUPER IMPORTANT otherwise page breaks don't work
@@ -73,10 +74,6 @@
     display: none;
   }
 
-  .s-metrics-title {
-    padding: 10px 0;
-  }
-
   .s-metrics-section {
     page-break-after: always;
     page-break-inside: avoid;
@@ -90,13 +87,11 @@
 
   .s-metrics-table,
   .s-metrics-graph {
-    display: block !important;
     margin: 0 auto;
     width: 100%;
   }
 
   .s-metrics-table {
-    width: 60%;
     margin-bottom: 50px;
   }
 
@@ -150,4 +145,8 @@
     padding: 0;
     border: none;
   }
+
+  .s-inner-div-background > div {
+    border: none;
+  }
 }

From 8d25eddb155de47a67bd9c14bab3aefd41a238f6 Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Wed, 16 Feb 2022 21:06:34 -0500
Subject: [PATCH 5/8] print layout for network graphs

---
 .../templates/author-details-template.html    | 69 +++++++++++--------
 .../templates/filter-container-template.html  | 30 ++++----
 .../templates/group-details-template.html     | 58 +++++++++-------
 .../templates/network_metadata.html           | 24 +++++--
 .../wraps/templates/paper-network-data.html   |  2 +-
 src/styles/sass/ads-sass/print.scss           | 15 ++++
 6 files changed, 121 insertions(+), 77 deletions(-)

diff --git a/src/js/widgets/network_vis/templates/author-details-template.html b/src/js/widgets/network_vis/templates/author-details-template.html
index 24420971c..0a6f55d9a 100644
--- a/src/js/widgets/network_vis/templates/author-details-template.html
+++ b/src/js/widgets/network_vis/templates/author-details-template.html
@@ -1,33 +1,42 @@
-<div class="author-detail-header">
-    <div style="border-bottom:4px solid {{groupColor}}" >
-        <h4>{{name}}</h4>
-            {{#if inFilter}}
-            <button class="btn btn-sm  btn-default filter-remove"><i class="s-filter-image"></i>remove from filter</button>
-            {{else}}
-            <button class="btn btn-sm btn-default filter-add"> <i class="s-filter-image"></i> add to filter</button>
-            {{/if}}
-    </div>
-    <div>
-        Total Papers: {{total}}
-        Most recent Paper: {{mostRecentYear}}
-    </div>
-    <button class="btn btn-default load-author-network" data-query="{{dataQuery}}">View author network for this author</button>
-
-
+<div class="author-detail-header print-hidden">
+  <div style="border-bottom:4px solid {{groupColor}}">
+    <h4>{{name}}</h4>
+    {{#if inFilter}}
+    <button class="btn btn-sm  btn-default filter-remove">
+      <i class="s-filter-image"></i>remove from filter
+    </button>
+    {{else}}
+    <button class="btn btn-sm btn-default filter-add">
+      <i class="s-filter-image"></i> add to filter
+    </button>
+    {{/if}}
+  </div>
+  <div>
+    Total Papers: {{total}} Most recent Paper: {{mostRecentYear}}
+  </div>
+  <button
+    class="btn btn-default load-author-network"
+    data-query="{{dataQuery}}"
+  >
+    View author network for this author
+  </button>
 </div>
 <div class="paper-description">
-<h5> Papers by this author </h5>
-    <ul class="list-unstyled">
-        {{#each papers}}
-        <li>
-            <a href="#abs/{{bibcode}}"  target="_blank" rel="noreferrer noopener"><b>{{title}}</b></a> {{#if citation_count}}
-            <small> {{citation_count}} citations</small>
-            {{else}}
-            <small>no citations</small>
-            {{/if}} {{#if numAuthors}}
-            <small>({{numAuthors}} authors from this group)</small>
-            {{/if}}
-        </li>
-        {{/each}}
-    </ul>
+  <h5>Papers by this author</h5>
+  <ul class="list-unstyled">
+    {{#each papers}}
+    <li>
+      <a href="#abs/{{bibcode}}" target="_blank" rel="noreferrer noopener"
+        ><b>{{title}}</b></a
+      >
+      {{#if citation_count}}
+      <small> {{citation_count}} citations</small>
+      {{else}}
+      <small>no citations</small>
+      {{/if}} {{#if numAuthors}}
+      <small>({{numAuthors}} authors from this group)</small>
+      {{/if}}
+    </li>
+    {{/each}}
+  </ul>
 </div>
diff --git a/src/js/widgets/network_vis/templates/filter-container-template.html b/src/js/widgets/network_vis/templates/filter-container-template.html
index fdea85e6f..ecee67f7e 100644
--- a/src/js/widgets/network_vis/templates/filter-container-template.html
+++ b/src/js/widgets/network_vis/templates/filter-container-template.html
@@ -1,17 +1,19 @@
-<div>
-  <b><i class="s-filter-image"></i> Filter current search:</b>
-  <button class="btn btn-default btn-xs clear-filter">X clear</button>
-</div>
-<div class="s-filter-names-container ">
-  {{#if limit}} {{#each limit}} {{this}} {{#unless @last}} OR {{/unless}}
-  {{/each}} {{else}} select an author or group of authors in the visualization
-  below and click the "add to filter" button {{/if}}
-</div>
-
-<div class="s-filter-buttons-container">
+<div class="print-hidden">
   <div>
-    <button class="btn btn-success apply-filter">
-      <i class="icon-go fa-lg" aria-hidden="true"></i>
-    </button>
+    <b><i class="s-filter-image"></i> Filter current search:</b>
+    <button class="btn btn-default btn-xs clear-filter">X clear</button>
+  </div>
+  <div class="s-filter-names-container ">
+    {{#if limit}} {{#each limit}} {{this}} {{#unless @last}} OR {{/unless}}
+    {{/each}} {{else}} select an author or group of authors in the visualization
+    below and click the "add to filter" button {{/if}}
+  </div>
+
+  <div class="s-filter-buttons-container">
+    <div>
+      <button class="btn btn-success apply-filter">
+        <i class="icon-go fa-lg" aria-hidden="true"></i>
+      </button>
+    </div>
   </div>
 </div>
diff --git a/src/js/widgets/network_vis/templates/group-details-template.html b/src/js/widgets/network_vis/templates/group-details-template.html
index 9d5e954a9..867cd247b 100644
--- a/src/js/widgets/network_vis/templates/group-details-template.html
+++ b/src/js/widgets/network_vis/templates/group-details-template.html
@@ -1,29 +1,37 @@
-
 <div class="author-detail-header">
-    <div style="border-bottom:4px solid {{groupColor}}">
-        <h4>Group {{name}}</h4>
-        <span class="pull-right">
-            {{#if inFilter}}
-            <button class="btn btn-sm btn-default filter-remove"><i class="s-filter-image"></i>remove from filter</button>
-            {{else}}
-            <button class="btn btn-sm btn-default filter-add"> <i class="s-filter-image"></i> add to filter</button>
-            {{/if}}
-        </span>
-    </div>
-    <small>Total papers: {{total}}</small>
-    <small>Most recent: {{mostRecentYear}}</small>
+  <div style="border-bottom:4px solid {{groupColor}}" class="print-hidden">
+    <h4>Group {{name}}</h4>
+    <span class="pull-right">
+      {{#if inFilter}}
+      <button class="btn btn-sm btn-default filter-remove">
+        <i class="s-filter-image"></i>remove from filter
+      </button>
+      {{else}}
+      <button class="btn btn-sm btn-default filter-add">
+        <i class="s-filter-image"></i> add to filter
+      </button>
+      {{/if}}
+    </span>
+  </div>
+  <small>Total papers: {{total}}</small>
+  <small>Most recent: {{mostRecentYear}}</small>
 </div>
 <div class="paper-description">
-
-    <ul class="list-unstyled">
-        {{#each papers}}
-        <li>
-            <a href="#abs/{{bibcode}}" data-bypass="" target="_blank" rel="noreferrer noopener"><b>{{title}}</b></a> {{#if citation_count}}
-            <small> {{citation_count}} citations</small> {{else}}
-            <small>no citations</small> {{/if}} {{#if numAuthors}}
-            <small>({{numAuthors}} authors from this group)</small> {{/if}}
-        </li>
-        {{/each}}
-    </ul>
+  <ul class="list-unstyled">
+    {{#each papers}}
+    <li>
+      <a
+        href="#abs/{{bibcode}}"
+        data-bypass=""
+        target="_blank"
+        rel="noreferrer noopener"
+        ><b>{{title}}</b></a
+      >
+      {{#if citation_count}}
+      <small> {{citation_count}} citations</small> {{else}}
+      <small>no citations</small> {{/if}} {{#if numAuthors}}
+      <small>({{numAuthors}} authors from this group)</small> {{/if}}
+    </li>
+    {{/each}}
+  </ul>
 </div>
-
diff --git a/src/js/widgets/network_vis/templates/network_metadata.html b/src/js/widgets/network_vis/templates/network_metadata.html
index 57e73658b..52a8ef7e9 100644
--- a/src/js/widgets/network_vis/templates/network_metadata.html
+++ b/src/js/widgets/network_vis/templates/network_metadata.html
@@ -1,7 +1,17 @@
-<h4>Currently viewing data for {{current}} papers.</h4><br/>
-{{#if max}}
-<form action="">
-Change to first <input type="text" class="network-rows s-network-rows form-control input-sm"/> papers (max is {{max}}).
-<button type="submit" class="submit-rows btn btn-sm btn-info"> Submit </button>
-</form>
-{{/if}}
\ No newline at end of file
+<div class="print-hidden">
+  <h4>Currently viewing data for {{current}} papers.</h4>
+  <br />
+  {{#if max}}
+  <form action="">
+    Change to first
+    <input
+      type="text"
+      class="network-rows s-network-rows form-control input-sm"
+    />
+    papers (max is {{max}}).
+    <button type="submit" class="submit-rows btn btn-sm btn-info">
+      Submit
+    </button>
+  </form>
+  {{/if}}
+</div>
diff --git a/src/js/wraps/templates/paper-network-data.html b/src/js/wraps/templates/paper-network-data.html
index 3a98debac..73e235efb 100644
--- a/src/js/wraps/templates/paper-network-data.html
+++ b/src/js/wraps/templates/paper-network-data.html
@@ -11,7 +11,7 @@ <h3>
       </span>
     </h3>
 
-    <div class="pull-right">
+    <div class="pull-right print-hidden">
       {{#if inFilter}}
       <button class="btn btn-xs btn-default filter-remove">
         <i class="s-filter-image"></i>remove group from filter
diff --git a/src/styles/sass/ads-sass/print.scss b/src/styles/sass/ads-sass/print.scss
index ea592998d..3e851c827 100644
--- a/src/styles/sass/ads-sass/print.scss
+++ b/src/styles/sass/ads-sass/print.scss
@@ -149,4 +149,19 @@
   .s-inner-div-background > div {
     border: none;
   }
+
+  // network graph
+  .s-control-row {
+    border: none;
+    padding: 0;
+  }
+
+  .s-network-title {
+    margin: 0;
+    padding: 1px;
+  }
+
+  .s-network-container > .graph-container {
+    page-break-after: always;
+  }
 }

From 6289d8d7d158b490cc3b2afa33f83baed1e624fe Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Thu, 17 Feb 2022 16:12:29 -0500
Subject: [PATCH 6/8] print layout for word cloud

---
 .../templates/selected-list-template.html     | 29 +++++++++----------
 .../templates/wordcloud-template.html         |  2 +-
 2 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/js/widgets/wordcloud/templates/selected-list-template.html b/src/js/widgets/wordcloud/templates/selected-list-template.html
index e7ef19a7a..b934b2c18 100644
--- a/src/js/widgets/wordcloud/templates/selected-list-template.html
+++ b/src/js/widgets/wordcloud/templates/selected-list-template.html
@@ -1,22 +1,19 @@
-<h5> Selected Terms: </h5>
-<ul class="vis-select-list s-vis-select-list">
+<div class="print-hidden">
+  <h5>Selected Terms:</h5>
+  <ul class="vis-select-list s-vis-select-list">
+    {{#if selectedWords}} {{#each selectedWords}}
 
-    {{#if selectedWords}}
+    <li>
+      <span class="selected-word">{{this}}</span> <i class="close">&times;</i>
+    </li>
 
-    {{#each selectedWords}}
+    {{/each}} {{else}}
 
-        <li><span class="selected-word">{{this}}</span> <i class="close">&times;</i></li>
-
-    {{/each}}
-
-    {{else}}
-
-    <li> Click on a term to add it to this list.</li>
-    <li> Click again on the term to remove it.</li>
+    <li>Click on a term to add it to this list.</li>
+    <li>Click again on the term to remove it.</li>
 
     {{/if}}
+  </ul>
 
-
-</ul>
-
-<button class="btn btn-info apply-vis-facet">Apply Filter to Search</button>
\ No newline at end of file
+  <button class="btn btn-info apply-vis-facet">Apply Filter to Search</button>
+</div>
diff --git a/src/js/widgets/wordcloud/templates/wordcloud-template.html b/src/js/widgets/wordcloud/templates/wordcloud-template.html
index cc8a82b14..c22246989 100644
--- a/src/js/widgets/wordcloud/templates/wordcloud-template.html
+++ b/src/js/widgets/wordcloud/templates/wordcloud-template.html
@@ -23,7 +23,7 @@ <h3>Word Cloud</h3>
         <br/>
     </div>
 
-    <div class="s-vis-item-format clearfix"><span style="font-size:14px"> Recalculate Cloud</span><br/><br/>
+    <div class="s-vis-item-format clearfix print-hidden"><span style="font-size:14px"> Recalculate Cloud</span><br/><br/>
         <div id= "ticker">
 
         </div>

From 8d4cf5fba6872ea96ea32744f163b5593aea30a3 Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Fri, 18 Feb 2022 15:28:57 -0500
Subject: [PATCH 7/8] Hide borders and controls from print layout

---
 .../bubble_chart/templates/container.html     | 19 +++---
 .../templates/citation_helper_template.html   |  2 +-
 .../metrics/templates/graph_template.html     | 64 ++++++++++++-------
 src/styles/sass/ads-sass/print.scss           |  6 ++
 4 files changed, 58 insertions(+), 33 deletions(-)

diff --git a/src/js/widgets/bubble_chart/templates/container.html b/src/js/widgets/bubble_chart/templates/container.html
index f763ba2f7..580e5865c 100644
--- a/src/js/widgets/bubble_chart/templates/container.html
+++ b/src/js/widgets/bubble_chart/templates/container.html
@@ -1,14 +1,18 @@
 <div>
-<div class="col-xs-12 s-explore-close-container">
+  <div class="col-xs-12 s-explore-close-container">
     <div class="s-large-close close-widget close">x</div>
-</div>
-<header class="s-network-title">
+  </div>
+  <header class="s-network-title">
     <h3>Results Graph</h3>
     <button class="btn btn-link download s-download hidden">
-      <i class="fa fa-download fa-2x" aria-hidden="true" title="download data in csv"></i>
+      <i
+        class="fa fa-download fa-2x"
+        aria-hidden="true"
+        title="download data in csv"
+      ></i>
       <span class="sr-only">download data in csv</span>
     </button>
-</header>
+  </header>
 </div>
 <div class="s-bubble-label-container">
   <div class="graph-select reads-vs-time active">
@@ -34,7 +38,7 @@ <h3>Results Graph</h3>
   {{/if}}
 </div>
 
-<div class="controls s-controls">
+<div class="controls s-controls print-hidden">
   <div>
     <h6>What is the Paper Graph?</h6>
     This graph allows you to view metrics for both the long-term influence
@@ -59,6 +63,5 @@ <h6>Filter Your Search</h6>
     </button>
   </div>
 
-  <a id="download-link" class="hidden"></a> 
-
+  <a id="download-link" class="hidden"></a>
 </div>
diff --git a/src/js/widgets/citation_helper/templates/citation_helper_template.html b/src/js/widgets/citation_helper/templates/citation_helper_template.html
index 6decfe67f..51b69abc8 100644
--- a/src/js/widgets/citation_helper/templates/citation_helper_template.html
+++ b/src/js/widgets/citation_helper/templates/citation_helper_template.html
@@ -19,7 +19,7 @@ <h4>Suggested Articles</h4>
     <br>
 
   {{#compare permission "owner" operator="=="}}
-    <div class="row"><div class="col-xs-6"><button class="btn btn-sm btn-success submit-add-to-library" {{#ifSetEmpty selectedBibs}}disabled{{/ifSetEmpty}}>Add selected papers to this library</button></div></div>
+    <div class="row print-hidden"><div class="col-xs-6"><button class="btn btn-sm btn-success submit-add-to-library" {{#ifSetEmpty selectedBibs}}disabled{{/ifSetEmpty}}>Add selected papers to this library</button></div></div>
   {{/compare}}
 </div>
 <br>
diff --git a/src/js/widgets/metrics/templates/graph_template.html b/src/js/widgets/metrics/templates/graph_template.html
index 54502e0b7..97d8ebf18 100644
--- a/src/js/widgets/metrics/templates/graph_template.html
+++ b/src/js/widgets/metrics/templates/graph_template.html
@@ -1,40 +1,56 @@
-
 {{#if showingSimple}}
 
-<div>
+<div class="print-hidden">
   <p>
-   <b>Currently showing a limited subset of data for this view. </b>
+    <b>Currently showing a limited subset of data for this view. </b>
   </p>
   <p>
-    <button class="btn btn-primary-faded btn-sm show-all" style="max-width: 90%; white-space: normal;">Click here to load the graph and
-   RIQ and Tori indices. <i>(This may take a few moments.)</i></button>
-
+    <button
+      class="btn btn-primary-faded btn-sm show-all"
+      style="max-width: 90%; white-space: normal;"
+    >
+      Click here to load the graph and RIQ and Tori indices.
+      <i>(This may take a few moments.)</i>
+    </button>
   </p>
 </div>
 
 {{else}}
 <div class="graph-container s-graph-container">
-    {{#if normalizedGraphData}}
-    <div class="graph-tab s-graph-tab {{#unless normalizedGraphData}} no-show {{/unless}} {{#unless normalized}}active{{/unless}} " data-tab="total">
-      Total</div>
-    <div class="graph-tab s-graph-tab {{#unless normalizedGraphData}} no-show {{/unless}} {{#if normalized}}active{{/if}} " data-tab="normalized">
-      Normalized</div>
-    {{/if}}
-    <div>
-      <form action="" class="stacked-form">
-      <label class="custom-radio"> stacked
-        <input type="radio" name="bar-arrangement" value="stacked" checked/>
+  {{#if normalizedGraphData}}
+  <div
+    class="graph-tab s-graph-tab {{#unless normalizedGraphData}} no-show {{/unless}} {{#unless normalized}}active{{/unless}} "
+    data-tab="total"
+  >
+    Total
+  </div>
+  <div
+    class="graph-tab s-graph-tab {{#unless normalizedGraphData}} no-show {{/unless}} {{#if normalized}}active{{/if}} "
+    data-tab="normalized"
+  >
+    Normalized
+  </div>
+  {{/if}}
+  <div>
+    <form action="" class="stacked-form">
+      <label class="custom-radio">
+        stacked
+        <input type="radio" name="bar-arrangement" value="stacked" checked />
       </label>
-      <label class="custom-radio"> grouped
-        <input type="radio" name="bar-arrangement" value="grouped"/>
+      <label class="custom-radio">
+        grouped
+        <input type="radio" name="bar-arrangement" value="grouped" />
       </label>
-      </form>
-      <div class="pull-right graph-key">
-      </div>
-      <div class="s-metrics-svg-container" style="padding-bottom: 58%">
-        <svg class="s-metrics-svg" viewbox="0 0 480 250" preserveAspectRatio="xMinYMin meet"></svg>
-      </div>
+    </form>
+    <div class="pull-right graph-key"></div>
+    <div class="s-metrics-svg-container" style="padding-bottom: 58%">
+      <svg
+        class="s-metrics-svg"
+        viewbox="0 0 480 250"
+        preserveAspectRatio="xMinYMin meet"
+      ></svg>
     </div>
+  </div>
 </div>
 
 {{/if}}
diff --git a/src/styles/sass/ads-sass/print.scss b/src/styles/sass/ads-sass/print.scss
index 3e851c827..2a5a48faf 100644
--- a/src/styles/sass/ads-sass/print.scss
+++ b/src/styles/sass/ads-sass/print.scss
@@ -41,6 +41,7 @@
   #navbar-container,
   .s-stable-search-bar-height,
   .s-metrics-metadata,
+  .s-results-border-bottom,
   .footer {
     display: none !important;
   }
@@ -58,12 +59,17 @@
   .main-content-container {
     border: none;
   }
+
   //abstract-page
 
   li.author a {
     font-weight: bold;
   }
 
+  .s-nav-button-container {
+    border: none;
+  }
+
   //metrics
 
   .icon-help {

From 27ba141bbc569d750e1675197d15739b3e9d6b6b Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Fri, 18 Feb 2022 16:46:00 -0500
Subject: [PATCH 8/8] Print abstract authors links fix

* Remove # from route in author links
* Update global link handler to accept non-hash routes, avoid going to ADSCore
* Don't print the url of links for print view
---
 src/js/mixins/discovery_bootstrap.js          |  2 +-
 .../abstract/templates/abstract_template.html | 22 ++++++++-----------
 src/styles/sass/ads-sass/print.scss           |  4 ++++
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/js/mixins/discovery_bootstrap.js b/src/js/mixins/discovery_bootstrap.js
index 02f17bb61..70d7d059c 100644
--- a/src/js/mixins/discovery_bootstrap.js
+++ b/src/js/mixins/discovery_bootstrap.js
@@ -30,7 +30,7 @@ define([
       'orcid-instructions',
       'public-libraries',
     ];
-    var regx = new RegExp('^#(/?(' + routes.join('|') + ').*/?)?$', 'i');
+    var regx = new RegExp('^#?(/?(' + routes.join('|') + ').*/?)?$', 'i');
 
     var isPushState = function() {
       return (
diff --git a/src/js/widgets/abstract/templates/abstract_template.html b/src/js/widgets/abstract/templates/abstract_template.html
index 488ddc575..616bfd226 100644
--- a/src/js/widgets/abstract/templates/abstract_template.html
+++ b/src/js/widgets/abstract/templates/abstract_template.html
@@ -43,16 +43,14 @@ <h2 class="s-abstract-title">
   <ul class="list-inline">
     {{#each authorAff}}
     <li class="author">
-      <a
-        href="#search/q=author:{{this.[5]}}&sort=date%20desc,%20bibcode%20desc"
-      >
+      <a href="search/q=author:{{this.[5]}}&sort=date%20desc,%20bibcode%20desc">
         {{this.[0]}}
       </a>
       <span>
         {{#compare this.[2] '-' operator="!=="}}
         <a
           class="orcid-author"
-          href="#search/q=orcid:{{this.[2]}}&sort=date%20desc,%20bibcode%20desc"
+          href="search/q=orcid:{{this.[2]}}&sort=date%20desc,%20bibcode%20desc"
         >
           <img
             class="inactive"
@@ -68,7 +66,7 @@ <h2 class="s-abstract-title">
         {{else}} {{#compare this.[3] '-' operator="!=="}}
         <a
           class="orcid-author"
-          href="#search/q=orcid:{{this.[3]}}&sort=date%20desc,%20bibcode%20desc"
+          href="search/q=orcid:{{this.[3]}}&sort=date%20desc,%20bibcode%20desc"
         >
           <img
             class="inactive"
@@ -84,7 +82,7 @@ <h2 class="s-abstract-title">
         {{else}} {{#compare this.[4] '-' operator="!=="}}
         <a
           class="orcid-author"
-          href="#search/q=orcid:{{this.[4]}}&sort=date%20desc,%20bibcode%20desc"
+          href="search/q=orcid:{{this.[4]}}&sort=date%20desc,%20bibcode%20desc"
         >
           <img
             class="inactive"
@@ -112,16 +110,14 @@ <h2 class="s-abstract-title">
     {{/if}} {{#each authorAffExtra}}
 
     <li class="author extra hide">
-      <a
-        href="#search/q=author:{{this.[5]}}&sort=date%20desc,%20bibcode%20desc"
-      >
+      <a href="search/q=author:{{this.[5]}}&sort=date%20desc,%20bibcode%20desc">
         {{this.[0]}}
       </a>
       <span>
         {{#compare this.[2] '-' operator="!=="}}
         <a
           class="orcid-author"
-          href="#search/q=orcid:{{this.[2]}}&sort=date%20desc,%20bibcode%20desc"
+          href="search/q=orcid:{{this.[2]}}&sort=date%20desc,%20bibcode%20desc"
         >
           <img
             class="inactive"
@@ -137,7 +133,7 @@ <h2 class="s-abstract-title">
         {{else}} {{#compare this.[3] '-' operator="!=="}}
         <a
           class="orcid-author"
-          href="#search/q=orcid:{{this.[3]}}&sort=date%20desc,%20bibcode%20desc"
+          href="search/q=orcid:{{this.[3]}}&sort=date%20desc,%20bibcode%20desc"
         >
           <img
             class="inactive"
@@ -153,7 +149,7 @@ <h2 class="s-abstract-title">
         {{else}} {{#compare this.[4] '-' operator="!=="}}
         <a
           class="orcid-author"
-          href="#search/q=orcid:{{this.[4]}}&sort=date%20desc,%20bibcode%20desc"
+          href="search/q=orcid:{{this.[4]}}&sort=date%20desc,%20bibcode%20desc"
         >
           <img
             class="inactive"
@@ -280,7 +276,7 @@ <h4 class="sr-only">Abstract</h4>
 </dl>
 <br />
 <a
-  class="small pull-right text-faded print-hidden"
+  class="small pull-right text-faded"
   href="/feedback/correctabstract?bibcode={{bibcode}}"
   title="Provide feedback or suggest corrections"
 >
diff --git a/src/styles/sass/ads-sass/print.scss b/src/styles/sass/ads-sass/print.scss
index 2a5a48faf..86786a296 100644
--- a/src/styles/sass/ads-sass/print.scss
+++ b/src/styles/sass/ads-sass/print.scss
@@ -9,6 +9,10 @@
     border: none;
   }
 
+  a[href]:after {
+    content: '';
+  }
+
   //THIS IS SUPER IMPORTANT otherwise page breaks don't work
   #app-container {
     overflow-x: visible !important;