Restyle pdf headline cards

2 files changed, 20 insertions, 17 deletions

diff --git a/public/javascripts/admin_interface.js b/public/javascripts/admin_interface.js
index 284d2b72..7ff10ade 100644
--- a/public/javascripts/admin_interface.js
+++ b/public/javascripts/admin_interface.js
@@ -117,7 +117,7 @@ $(document).ready(function () {
     input.addEventListener('change', function() {
       var name_field = document.getElementById('asset_name');
       if (input.files.length && name_field && name_field.value === '') {
-        name_field.value = input.files[0].name.replace(/\.[^.]+$/, '');
+        name_field.value = input.files[0].name.replace(/\.[^.]+$/, '').replace(/[_-]+/g, ' ');
       }
     });
   }
diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css
index 91f7a06a..5046baac 100644
--- a/public/stylesheets/ccc.css
+++ b/public/stylesheets/ccc.css
@@ -778,36 +778,39 @@ div.teaser_ruler {
 
 .headline_document_card {
   display: flex;
-  gap: 1rem;
   align-items: flex-start;
-  border: 1px solid color-mix(in srgb, CanvasText, #808080 25%);
-  border-radius: 6px;
-  padding: 1rem;
+  gap: 1.5em;
+  margin: 1.5em 0;
   text-decoration: none;
-  color: inherit;
-}
-
-.headline_document_card:hover {
-  border-color: CanvasText;
 }
 
 .headline_document_card_thumb {
-  max-width: 120px;
-  max-height: 160px;
-  border: 1px solid color-mix(in srgb, CanvasText, #808080 25%);
-  flex-shrink: 0;
+  border: 1px solid rgba(128, 128, 128, 0.4);
+  box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.25);
+  max-width: 180px;
+  height: auto;
 }
 
 .headline_document_card_info {
   display: flex;
-  align-items: center;
-  gap: 0.5rem;
+  flex-direction: column;
+  gap: 0.3em;
+  padding-top: 0.5em;
 }
 
-.headline_document_card_title {
+.headline_document_card_titlerow {
+  display: flex;
+  align-items: center;
+  gap: 0.4em;
   font-weight: bold;
 }
 
+.headline_document_card_meta {
+  font-size: 0.85em;
+  font-weight: normal;
+  color: rgba(128, 128, 128, 0.95);
+}
+
 .related_documents {
   margin-top: 1rem;
 }