Refine page date time styles.

omeka · Feb 22, 2024 · 6d32001 · 6d32001
1 parent 566f8f3
commit 6d32001
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/application/asset/css/page-blocks.css b/application/asset/css/page-blocks.css
diff --git a/application/asset/sass/page-blocks.scss b/application/asset/sass/page-blocks.scss
@@ -302,17 +302,18 @@
 
 .page-date-time .property {
     font-weight: bold;
-
-    &:after {
-        content: ": ";
-    }
 }
 
 .page-date-time > div, 
 .page-date-time .property, 
 .page-date-time .value {
     display: inline-block;
     margin: 0;
+    width: max-content;
+}
+
+.page-date-time > div {
+    margin-right: 1rem;
 }
 
 .block-blockGroup:after {

diff --git a/application/view/common/block-layout/page-date-time.phtml b/application/view/common/block-layout/page-date-time.phtml
@@ -10,13 +10,13 @@ $modifiedFormatted = $modified ? $this->i18n()->dateFormat($modified, $dateForma
 <div class="page-date-time">
     <?php if (in_array($block->dataValue('display'), ['created', 'created_modified'])): ?>
     <div class="created">
-        <span class="property"><?php echo $this->translate('Created'); ?></span>
+        <span class="property"><?php echo $this->translate('Created'); ?></span>: 
         <span class="value"><?php echo $createdFormatted; ?></span>
     </div>
     <?php endif; ?>
     <?php if ($modified && in_array($block->dataValue('display'), ['modified', 'created_modified'])): ?>
     <div class="modified">
-        <span class="property"><?php echo $this->translate('Modified'); ?></span>
+        <span class="property"><?php echo $this->translate('Modified'); ?></span>: 
         <span class="value"><?php echo $modifiedFormatted; ?></span>
     </div>
     <?php endif; ?>