feat: minor styling of edition section for clarity

PTFS-Europe · Sep 6, 2024 · 5d9c70f · 5d9c70f
1 parent 63cc9e5
commit 5d9c70f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/code/web/interface/themes/responsive/GroupedWork/copyDetails.tpl b/code/web/interface/themes/responsive/GroupedWork/copyDetails.tpl
@@ -14,19 +14,20 @@
 				</thead>
 				<tbody>
 					{foreach $summaryList item="item"}
-						<tr>
+						<tr class="sectionHeader">
 							{if !empty($showEditionCovers) && $showEditionCovers == 1}
-								<td class="col-tn-2 col-md-2 col-lg-2">
+								<th class="col-tn-2 col-md-2 col-lg-2">
 									<img src="{$item['editionCoverUrl']}" class="img-thumbnail {$coverStyle}">
-								</td>
+								</th>
 							{/if}
-							<td colspan="4">
+							<th>
 								{if !empty($item['edition'])}
 									{$item['edition']}
 								{else}
-									{translate text="Unknown edition" isPublicFacing=true}
+									{translate text="-" isPublicFacing=true}
 								{/if}
-							</td>
+							</th>
+							<th colspan="2"><th>
 						</tr>
 						{foreach from=$item['summary'] item="item"}
 							<tr {if !empty($item.availableCopies)}class="available" {/if}>

diff --git a/code/web/interface/themes/responsive/css/main.css b/code/web/interface/themes/responsive/css/main.css
diff --git a/code/web/interface/themes/responsive/css/results-list.less b/code/web/interface/themes/responsive/css/results-list.less
@@ -232,6 +232,9 @@
 .related_record_status.availableOther{
   color: #c62828;
 }
+.itemSummaryTable tr.sectionHeader {
+  border-top: solid #505050 4px;
+}
 .itemSummaryTable tr.available{
   font-weight: bold;
 }