Adjust stream display for better readability

jsnmrs · Aug 31, 2024 · b3f0537 · b3f0537
1 parent 460a0e0
commit b3f0537
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/app/Views/stream.php b/app/Views/stream.php
@@ -16,25 +16,22 @@
 
   <div class="wrap">
     <div class="full">
-      <ul class="links">
+      <ol class="links show">
       <?php foreach ($build as $row) :?>
         <li class="stream">
-          <span class="stream__source">
-            <a href="/sites/<?= $row->site_slug; ?>" ><?= htmlspecialchars_decode($row->site_name ?? ''); ?></a>
-          </span>
-          <span class="ago--muted"><?php
-          $time = Time::createFromFormat('Y-m-d H:i:s', $row->story_date, 'America/New_York');
-          echo $time->humanize();
-          ?></span>
           <span class="stream__title">
             <a href="<?= $row->story_permalink; ?>" rel="noopener noreferrer" data-outgoing="<?= $row->story_hash; ?>"><?= htmlspecialchars_decode($row->story_title ?? '');
           if (htmlspecialchars_decode($row->story_title ?? '') === '') {
               echo '[missing title]';
           } ?></a>
           </span>
+          <span class="ago--muted"><?php
+          $time = Time::createFromFormat('Y-m-d H:i:s', $row->story_date, 'America/New_York');
+          echo $time->humanize();
+          ?> on <?= htmlspecialchars_decode($row->site_name ?? ''); ?></span>
         </li>
       <?php endforeach; ?>
-      </ul>
+      </ol>
     </div>
   </div>
 </main>

diff --git a/public/css/styles.css b/public/css/styles.css
@@ -256,6 +256,11 @@ footer .ago--muted {
   margin-bottom: 0.5rem;
 }
 
+.show {
+  list-style-type: decimal;
+  padding-left: 1rem;
+}
+
 .stream {
   margin-bottom: 0.75rem;
 }
@@ -270,9 +275,9 @@ footer .ago--muted {
   text-decoration: none;
 }
 
-.stream__title {
+/* .stream__title {
   display: block;
-}
+} */
 
 .stream .ago {
   padding-bottom: 0.15rem;