diff --git a/openlibrary/macros/EditionNavBar.html b/openlibrary/macros/EditionNavBar.html
index 83322a290fb..1f65c01dcf4 100644
--- a/openlibrary/macros/EditionNavBar.html
+++ b/openlibrary/macros/EditionNavBar.html
@@ -10,7 +10,7 @@
     </a>
   </li>
   <li>
-    <a href="#edition-details">$_("This Edition")</a>
+    <a href="#details">$_("Details")</a>
   </li>
   <li>
     <a href="#reader-observations">$_("Reviews")</a>
diff --git a/openlibrary/macros/SubjectTags.html b/openlibrary/macros/SubjectTags.html
index 371a4a947cd..2fe88b64fee 100644
--- a/openlibrary/macros/SubjectTags.html
+++ b/openlibrary/macros/SubjectTags.html
@@ -1,10 +1,10 @@
-$def with(work,location,tags=[])
+$def with(work, tags=[])
 
 $def render_subjects(label, subjects, track_value, prefix=""):
   $if subjects:
     <div class="section link-box">
+      <span class="clamp" data-before="+ ">
       <h6>$label</h6>
-      <span>
         $for subject in subjects:
           <a href="/subjects/$prefix$utf8(subject.lower().replace(' ', '_').replace(',', '').replace('/', ''))" data-ol-link-track="$track_value">$subject</a>$cond(not loop.last, ",", "")
       </span>
@@ -13,13 +13,10 @@ <h6>$label</h6>
 $if work:
   $for tag in tags:
     $if tag=="Subjects":
-      $if location=="work":
-        $:render_subjects(_("Subjects"), work.get_subjects(),"WorkSection|SubjectClick")
-      $else:
-        $:render_subjects(_("Subjects"), work.get_subjects(),"BookOverview|SubjectClick")
-    $elif tag=="People":
-      $:render_subjects(_("People"), work.subject_people,"WorkSection|SubjectPeopleClick", prefix="person:")
-    $elif tag=="Places":
-      $:render_subjects(_("Places"), work.subject_places,"WorkSection|SubjectPlacesClick", prefix="place:")
-    $elif tag=="Times":
-      $:render_subjects(_("Times"), work.subject_times,"WorkSection|SubjectTimesClick", prefix="time:")
+      $:render_subjects(_("Subjects"), work.get_subjects(),"BookOverview|SubjectClick")
+    $if tag=="People":
+      $:render_subjects(_("People"), work.subject_people,"BookOverview|SubjectPeopleClick", prefix="person:")
+    $if tag=="Places":
+      $:render_subjects(_("Places"), work.subject_places,"BookOverview|SubjectPlacesClick", prefix="place:")
+    $if tag=="Times":
+      $:render_subjects(_("Times"), work.subject_times,"BookOverview|SubjectTimesClick", prefix="time:")
diff --git a/openlibrary/plugins/openlibrary/js/index.js b/openlibrary/plugins/openlibrary/js/index.js
index 002714a5855..1bf2d2c0a7d 100644
--- a/openlibrary/plugins/openlibrary/js/index.js
+++ b/openlibrary/plugins/openlibrary/js/index.js
@@ -196,9 +196,18 @@ jQuery(function () {
             .then(module => module.initRealTimeValidation());
     }
     // conditionally load readmore button based on class in the page
-    if (document.getElementsByClassName('read-more-button').length) {
+    const readMoreButtons = document.getElementsByClassName('read-more-button');
+    const clampers = document.getElementsByClassName('clamp');
+    if (readMoreButtons.length || clampers.length) {
         import(/* webpackChunkName: "readmore" */ './readmore.js')
-            .then(module => module.initReadMoreButton());
+            .then(module => {
+                if (readMoreButtons.length) {
+                    module.initReadMoreButton();
+                }
+                if (clampers.length) {
+                    module.initClampers();
+                }
+            });
     }
     // conditionally loads Goodreads import based on class in the page
     if (document.getElementsByClassName('import-table').length) {
diff --git a/openlibrary/plugins/openlibrary/js/readmore.js b/openlibrary/plugins/openlibrary/js/readmore.js
index ce5ee8d579c..c268e7a71c2 100644
--- a/openlibrary/plugins/openlibrary/js/readmore.js
+++ b/openlibrary/plugins/openlibrary/js/readmore.js
@@ -19,3 +19,22 @@ export function initReadMoreButton() {
         }
     });
 }
+
+export function initClampers() {
+    /*
+      Clamper shows used to show more/less by toggling `hidden`
+      style on parent .clamp tag
+     */
+    $('.clamp').on('click', function(){
+        const up = $(this);
+        if (up.hasClass('clamp')) {
+            up.css({display: up.css('display') === '-webkit-box' ? 'unset' : '-webkit-box'});
+
+            if (up.attr('data-before') === '+ ') {
+                up.attr('data-before', '- ')
+            } else {
+                up.attr('data-before', '+ ')
+            }
+        }
+    });
+}
diff --git a/openlibrary/templates/site/head.html b/openlibrary/templates/site/head.html
index cd2adc29772..8e50e06b8db 100644
--- a/openlibrary/templates/site/head.html
+++ b/openlibrary/templates/site/head.html
@@ -31,7 +31,10 @@
     $ style = 'build/page-%s.css'%ctx.get('cssfile', 'user')
     <link href="$static_url(style)" rel="stylesheet" type="text/css" />
 
-
+    <!-- Don't hide content with clamp if no js to show more/less -->
+    <noscript>
+      <style>.clamp { -webkit-line-clamp: unset !important; }</style>
+    </noscript>
  <script>
 
 /* @licstart  The following is the entire license notice for the
diff --git a/openlibrary/templates/type/edition/view.html b/openlibrary/templates/type/edition/view.html
index 149cdbdbc3d..f1418e8e473 100644
--- a/openlibrary/templates/type/edition/view.html
+++ b/openlibrary/templates/type/edition/view.html
@@ -1,6 +1,7 @@
 $def with (page, edition=None)
 
 $ is_privileged_user = ctx.user and (ctx.user.is_admin() or ctx.user.is_librarian())
+$ is_librarian = ctx.user and ctx.user.is_librarian()
 
 $ component_times = {}
 $ component_times['TotalTime'] = time()
@@ -182,7 +183,9 @@
       <div class="work-line">
         $_("An edition of") <a href="$work.key?edition=$(ocaid)">$work_title$cond(work.subtitle, ': %s' % work.subtitle)</a>
         $if work.first_publish_year:
-          ($work.first_publish_year)
+            <span class="first-published-date" title="$_('First published in %s', work.first_publish_year)">
+              ($work.first_publish_year)
+            </span>
       </div>
 
       $:render_template("type/edition/book_title", work, edition)
@@ -197,29 +200,80 @@ <h2 class="edition-byline">$_("by") $:authors_byline</h2>
 
       $:macros.EditionNavBar(work.edition_count, show_observations)
       <a id="edition-overview" name="edition-overview"></a>
-      <div class="edition-omniline">
-        $:render_template("type/edition/publisher_line", edition)
-
+      <div>
         $if edition:
-          $if edition.languages:
-            <h4 class="language">
-              $def lang_span(): <span itemprop="inLanguage">$:thingrepr(edition.languages)</span>
-              $:_('Written in %(language)s', language=lang_span())
-            </h4>
-          $if edition.number_of_pages:
-            <h4 class="year">&mdash;
-              <span class="edition-pages"
-                    itemprop="numberOfPages">$edition.number_of_pages</span> $_("pages")
-            </h4>
+          <div class="edition-omniline">
+            $if edition.publish_date:
+              <div class="edition-omniline-item">
+                <div>$_("Publish Date")</div>
+                <span itemprop="datePublished">$edition.publish_date</span>
+              </div>
+            $if edition.publishers:
+              <div class="edition-omniline-item">
+                <div>$_("Publisher")</div>
+                <span>
+                $for p in edition.publishers:
+                  $if "publishers" in ctx.features:
+                    <a itemprop="publisher" href="/publishers/$p.replace(' ', '_')"
+                       title="$_('Show other books from %(publisher)s', publisher=p)"
+                       >$p</a>$cond(loop.last, "", ", ")
+                  $else:
+                    <a itemprop="publisher" href="/search?publisher_facet=$p.replace('&','%26')"
+                       title="$_('Search for other books from %(publisher)s', publisher=p)"
+                       >$p</a>$cond(loop.last, "", ", ")
+                </span>
+              </div>
+            $if edition.languages:
+              <div class="edition-omniline-item">
+                <div class="language">$_("Language")</div>
+                <span itemprop="inLanguage">$:thingrepr(edition.languages)</span>
+              </div>
+            $if edition.number_of_pages:
+              <div class="edition-omniline-item">
+                <div class="pages">$_("Pages")</div>
+                <span class="edition-pages"
+                      itemprop="numberOfPages"
+                      >$edition.number_of_pages</span>
+              </div>
+            $if is_librarian:
+              $if ocaid:
+                <div class="edition-omniline-item">
+                 <div>Internet Archive</div>
+                  <span><a href="https://www.archive.org/details/$ocaid">$ocaid</a></span>
+                </div>
+
+              $ edition_identifiers = edition.get_identifiers()
+              $ isbn = None
+              $if 'isbn_13' in edition_identifiers.keys():
+                $ isbn = edition_identifiers['isbn_13']['value']
+              $elif 'isbn_10' in edition_identifiers.keys():
+                $ isbn = edition_identifiers['isbn_10']['value']
+              $if isbn:
+                <div class="edition-omniline-item">
+                  <div>ISBN</div>
+                  <span>$isbn</span>
+                </div>
+          </div>
       </div>
 
+      $ seen = set()
+      $if previews:
+        <p class="preview-languages">
+          Previews available in:
+          $for e in previews:
+            $if e.languages[0].name not in seen:
+              $ seen.add(e.languages[0].name)
+              <a href="$work.key?edition=$(e.ocaid)">$e.languages[0].name</a>
+        </p>
+
       $if work and work.description or edition and edition.description:
+        $if edition and edition.description:
+          $ overview_desc = edition.description
+        $else:
+          $ overview_desc = work.description
         <div class="book-description">
             <div class="book-description-content restricted-view">
-                $if edition and edition.description:
-                    $:sanitize(format(edition.description))
-                $elif work and work.description:
-                    $:sanitize(format(work.description))
+                $:sanitize(format(overview_desc))
             </div>
             $:macros.ReadMore("book-description")
         </div>
@@ -233,119 +287,21 @@ <h4 class="year">&mdash;
         </div>
 
     <div class="subjects">
-        <div class="subjects-content restricted-view">
-        $:macros.SubjectTags(work,"overview", ["Subjects"])
-        </div>
-        $:macros.ReadMore("subjects")
-    </div>
-
-      $if editions_limit or (len(editions) < work.edition_count):
-        <p>
-          $_("Showing %(count)d featured editions", count=len(editions)).
-          <a href="?mode=all">$_("View all %(count)d editions?", count=work.edition_count)</a>
-        </p>
-
-      <p class="preview-languages">
-        $ seen = set()
-        $if previews:
-          Previews available in:
-          $for e in previews:
-            $if e.languages[0].name not in seen:
-              $ seen.add(e.languages[0].name)
-              <a href="$work.key?edition=$(e.ocaid)">$e.languages[0].name</a>
-      </p>
-
-      <a id="editions-list" name="editions-list" class="section-anchor"></a>
-      $ component_times['EditionsTable'] = time()
-      $:render_template("type/work/editions_datatable", work, editions=editions, edition=edition)
-      $ component_times['EditionsTable'] = time() - component_times['EditionsTable']
-
-      <div class="tab-section work-info">
-        <h2 class="work-title"><a href="$work.key">$work_title</a></h2>
-          $if work and work.subtitle:
-            <h3>
-              $work.subtitle
-            </h3>
-          $if work and work.first_publish_year:
-            <p class="first-published-date">
-              $_("First published in %s", work.first_publish_year)
-            </p>
-        <hr>
-
+      <div class="subjects-content">
         $ component_times['SubjectsTags'] = time()
-        $:macros.SubjectTags(work,"work", ["Subjects", "People", "Places", "Times"])
+        $:macros.SubjectTags(work, ["Subjects", "People", "Places", "Times"])
         $ component_times['SubjectsTags'] = time() - component_times['SubjectsTags']
+      </div>
+    </div>
 
-        <hr>
-
-        $if not work.excerpts and work.first_sentence:
-          <h4>$_("First Sentence")</h4>
-          <p class="largest" title=$_("First Sentence")><em>"$work.first_sentence"</em></p>
-
-        $if work.description:
-          <h4>$_("Work Description")</h4>
-          <div class="work-description">
-            <div class="work-description-content restricted-view">
-              $:sanitize(format(work.description))
-            </div>
-            $:macros.ReadMore('work-description')
-          </div>
-
-        $if work.original_languages:
-          <div class="sansserif smallest">$_("Original languages")</div>
-          <!-- TODO: Double check that these language names are localized -->
-          $', '.join(lang.name for lang in work.original_languages)<p>
-
-        $if work.excerpts:
-          <h4>$_("Excerpts")</h4>
-          <div class="section">
-              $for excerpt in work.excerpts:
-                  <div class="excerpt addReadMore showlesscontent">
-                      <div class="text">
-                          $for line in excerpt.excerpt.split('\n'):
-                              $line<br/>
-                      </div>
-                      <div class="attribution">
-                          $if excerpt.pages:
-                              $_("Page %(page)s", page=excerpt.pages),
-                          $if excerpt.author:
-                              $def excerpt_author_link(): <a href="$excerpt.author.key">$excerpt.author.displayname</a>
-                              $:_("added by %(authorlink)s.", authorlink=str(excerpt_author_link()).strip())
-                          $else:
-                              $_("added anonymously.")
-                          $if excerpt.comment:
-                              "<em>$excerpt.comment</em>"
-                      </div>
-                  </div>
-          </div>
-
-        $if work.links or (work.wikipedia and work.wikipedia.startswith("http")):
-          <h4>$:_('Links <span class="gray small sansserif">outside Open Library</span>')</h4>
-          <div class="section">
-              <ul class="booklinks sansserif">
-              $if work.wikipedia and work.wikipedia.startswith("http"):
-                  <li><a href="$page.wikipedia">$_('Wikipedia')</a></li>
-              $for link in work.links:
-                  <li><a href="$link.url">$link.title</a></li>
-              </ul>
-          </div>
-
-        $if work.edition_count > 1:
-          $if (work.lc_classifications or work.dewey_number):
-              <div class="section">
-                  <h4 class="collapse">$_("Classifications")</h4>
-                  <table class="meta"><tbody>
-                  $if work.lc_classifications:
-                      <tr><td class="title"><span class="title">$_('Library of Congress')</span></td>
-                      <td><span class="object">$thingrepr(work.lc_classifications)</span></td></tr>
-                  $if work.dewey_number:
-                      <tr><td class="title"><span class="title">$_('Dewey')</span></td>
-                      <td><span class="object">$thingrepr(work.dewey_number)</span></td></tr>
-                  </tbody></table>
-              </div>
+      <a id="editions-list" name="editions-list" class="section-anchor"></a>
+      <div class="tab-section">
+        $ component_times['EditionsTable'] = time()
+        $:render_template("type/work/editions_datatable", work, editions=editions, edition=edition, editions_limit=editions_limit)
+        $ component_times['EditionsTable'] = time() - component_times['EditionsTable']
       </div>
 
-      <a id="edition-details" name="edition-details" class="section-anchor"></a>
+      <a id="details" name="details" class="section-anchor"></a>
       <div class="tab-section edition-info">
         $if not page.is_fake_record():
           $if page.type.key in ["/type/work", "/type/edition", "/type/author"]:
@@ -360,19 +316,8 @@ <h4 class="collapse">$_("Classifications")</h4>
             <a class="linkButton larger" href="$edit_url" title="$_('Edit this template')"
               data-ol-link-track="CTAClick|Edit" accesskey="e">$_("Edit")</a>
           </div>
-        $if not edition:
-          <p>$_("No editions available")</p>
         $if edition:
-          <h2 class="work-title" itemprop="name">$book_title</h2>
-          $if edition.subtitle:
-            <h3>
-              $edition.subtitle
-            </h3>
-          $if edition.edition_name:
-            <div class="work-line">
-              $edition.edition_name
-            </div>
-          $:render_template("type/edition/publisher_line", edition)
+          <h2 class="details-title" itemprop="name">$_("Book Details")</h2>
           <hr>
           $if edition.first_sentence:
             <div>
@@ -465,6 +410,58 @@ <h3 class="list-header collapse">$_("ID Numbers")</h3>
                 $:display_goodreads(values[0].label, values)
             </dl>
           </div>
+          $if work:
+            $if not work.excerpts and work.first_sentence:
+              <h4>$_("First Sentence")</h4>
+              <p class="largest" title=$_("First Sentence")><em>"$work.first_sentence"</em></p>
+
+            $if work.description and work.description != overview_desc:
+              <h4>$_("Work Description")</h4>
+              <div class="work-description">
+                <div class="work-description-content restricted-view">
+                  $:sanitize(format(work.description))
+                </div>
+                $:macros.ReadMore('work-description')
+              </div>
+
+            $if work.original_languages:
+              <div class="sansserif smallest">$_("Original languages")</div>
+              <!-- TODO: Double check that these language names are localized -->
+              $', '.join(lang.name for lang in work.original_languages)<p>
+
+            $if work.excerpts:
+              <h4>$_("Excerpts")</h4>
+              <div class="section">
+                $for excerpt in work.excerpts:
+                  <div class="excerpt addReadMore showlesscontent">
+                    <div class="text">
+                      $for line in excerpt.excerpt.split('\n'):
+                        $line<br/>
+                    </div>
+                    <div class="attribution">
+                      $if excerpt.pages:
+                        $_("Page %(page)s", page=excerpt.pages),
+                      $if excerpt.author:
+                        $def excerpt_author_link(): <a href="$excerpt.author.key">$excerpt.author.displayname</a>
+                        $:_("added by %(authorlink)s.", authorlink=str(excerpt_author_link()).strip())
+                      $else:
+                        $_("added anonymously.")
+                      $if excerpt.comment:
+                        "<em>$excerpt.comment</em>"
+                    </div>
+                  </div>
+              </div>
+
+            $if work.links or (work.wikipedia and work.wikipedia.startswith("http")):
+              <h4>$:_('Links <span class="gray small sansserif">outside Open Library</span>')</h4>
+              <div class="section">
+                <ul class="booklinks sansserif">
+                $if work.wikipedia and work.wikipedia.startswith("http"):
+                  <li><a href="$page.wikipedia">$_('Wikipedia')</a></li>
+                $for link in work.links:
+                  <li><a href="$link.url">$link.title</a></li>
+                </ul>
+              </div>
       </div>
 
       $if show_observations:
@@ -475,27 +472,27 @@ <h3 class="list-header collapse">$_("ID Numbers")</h3>
         $ component_times['Review component'] = time()
         $:render_template("observations/review_component", work, reader_observations, page.key)
         $ component_times['Review component'] = time() - component_times['Review component']
-    </div>
-  </div>
-
-  <div class="workFooter">
-    $# pages like /books/ia:foo00bar are fake records created from metadata API.
-    $# Adding them to lists doesn't work. Disabling it to avoid any issues.
-    $if "lists" in ctx.features and not page.is_fake_record():
-      <h2 class="home-h2" id="lists-section"><a href="$page.url()/lists">$_('Lists containing this Book')</a></h2>
-      <div class="user-book-options">
-        <div class="Tools tools-override">
-          $if work:
-            $ component_times['lists widget: WorkListTime'] = time()
-            $:render_template("lists/widget", work, include_header=False, include_widget=False)
-            $ component_times['lists widget: WorkListTime'] = time() - component_times['lists widget: WorkListTime']
-
-          $if edition:
-            $ component_times['lists widget: EditionListTime'] = time()
-            $:render_template("lists/widget", edition, include_header=False, include_widget=False)
-            $ component_times['lists widget: EditionListTime'] = time() - component_times['lists widget: EditionListTime']
-        </div>
+      <a id="lists-section" name="lists-section tab-section" class="section-anchor"></a>
+      <div class="workFooter tab-section">
+        $# pages like /books/ia:foo00bar are fake records created from metadata API.
+        $# Adding them to lists doesn't work. Disabling it to avoid any issues.
+        $if "lists" in ctx.features and not page.is_fake_record():
+          <h2 class="list-heading"><a href="$page.url()/lists">$_('Lists containing this Book')</a></h2>
+          <div class="user-book-options">
+            <div class="Tools tools-override">
+              $if work:
+                $ component_times['lists widget: WorkListTime'] = time()
+                $:render_template("lists/widget", work, include_header=False, include_widget=False)
+                $ component_times['lists widget: WorkListTime'] = time() - component_times['lists widget: WorkListTime']
+
+              $if edition:
+                $ component_times['lists widget: EditionListTime'] = time()
+                $:render_template("lists/widget", edition, include_header=False, include_widget=False)
+                $ component_times['lists widget: EditionListTime'] = time() - component_times['lists widget: EditionListTime']
+            </div>
+          </div>
       </div>
+    </div>
   </div>
 
   $ component_times['RelatedWorksCarousel'] = time()
diff --git a/openlibrary/templates/type/work/editions_datatable.html b/openlibrary/templates/type/work/editions_datatable.html
index 1fa218d2868..4a0f72b7e0d 100644
--- a/openlibrary/templates/type/work/editions_datatable.html
+++ b/openlibrary/templates/type/work/editions_datatable.html
@@ -1,8 +1,14 @@
-$def with (work, editions=None, edition=None)
+$def with (work, editions=None, edition=None, editions_limit=None)
 
 $ book_keys = []
 $ edition_list_start = time()
 
+$if editions_limit or (len(editions) < work.edition_count):
+  <p class="small sansserif featured-count">
+
+    $ungettext('Showing one featured edition.', 'Showing %(count)d featured editions.', len(editions), count=len(editions))
+    <a href="?mode=all">$_("View all %(count)d editions?", count=work.edition_count)</a>
+  </p>
 $if editions and len(editions):
   <table id="editions" class="editions-table editions-table--progressively-enhanced">
       <thead>
diff --git a/static/css/components/work.less b/static/css/components/work.less
index c3d06444ec3..26648224799 100644
--- a/static/css/components/work.less
+++ b/static/css/components/work.less
@@ -39,6 +39,9 @@ div.editionAbout {
     margin: 0;
   }
 
+  p.featured-count {
+    margin-bottom: 10px;
+  }
 }
 
 .work-title{
@@ -57,7 +60,6 @@ div.editionAbout {
 }
 
 .workFooter {
-  border-top: 1px solid @lighter-grey;
   ul.listLists {
     display: flex;
   }
@@ -83,6 +85,21 @@ div.editionAbout {
   vertical-align: middle;
 }
 
+.clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  overflow: hidden;
+
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.clamp::before {
+  content: attr(data-before);
+}
+
 .restricted-view{
   display: block;
   z-index: @z-index-level-1;
@@ -176,7 +193,7 @@ h2.edition-byline {
 }
 
 a.section-anchor {
-  height: 45px;
+  height: 20px;
   display: block;
 }
 
@@ -253,8 +270,22 @@ div.editionTools {
 
 .edition-omniline {
   display: flex;
+  flex-direction: column;
+  padding: 10px;
   border-bottom: 1px solid @lighter-grey;
   margin-bottom: 10px;
+  background: @grey-fafafa;
+
+  &-item {
+    display: flex;
+    justify-content: space-between;
+    flex: 1;
+    font-size: .8em;
+
+    div {
+      font-weight: bold;
+    }
+  }
 
   h4 {
     padding-right: 5px;
@@ -265,6 +296,20 @@ div.editionTools {
   }
 }
 
+@media only screen and (min-width: @width-breakpoint-tablet) {
+  .edition-omniline {
+    flex-direction: row;
+    justify-content: space-between;
+    overflow-x: auto;
+
+    &-item {
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: center;
+    }
+  }
+}
+
 .tab-section {
   padding: 10px;
   border: 1px solid @lighter-grey;
@@ -273,7 +318,6 @@ div.editionTools {
 }
 
 .preview-languages {
-  margin-bottom: -30px !important;
   font-size: .8em;
   color: @grey;
 }
@@ -291,3 +335,9 @@ div.editionTools {
   justify-content: center;
   background: @lightest-grey;
 }
+
+.list-heading {
+  font-size: 1.2em;
+  font-weight: normal;
+  color: @link-blue;
+}