Uniform appearance of post list in Browse and styled Atom feed

- Enclose date in parentheses
- Use flex layout with   in between link and date

_sass/minima/_layout.scss

@@ -251,13 +251,20 @@ p.excerpt-warning {
 
 /**
  * Atom feed preview
+ * Same styling is used on the "Browse" page
  */
-/* Sample rule that aligns the dates to the right: */
-/*
-.feed {
-  ul.atom-post-list li .atom-post-list-entry {
-    display: flex; 
-    justify-content: space-between; 
+ul.atom-post-list {
+  li .atom-post-list-entry {
+    display: flex;
+    flex-direction: row;
+    // Align dates to the right:
+    // justify-content: space-between;
+    flex-wrap: wrap;
+    align-items: baseline;
+
+    a,
+    span {
+      display: block;
+    }
   }
 }
-*/

browse.markdown

@@ -16,12 +16,13 @@ All posts by date:
     {%- endif -%}
     <li>
       <div class="atom-post-list-entry">
-        <a href="{{ post.url | relative_url }}">
+        <a target="_blank" href="{{ post.url | relative_url }}">
           {{ post.title | escape }}
         </a>
+        &nbsp;
         <span class="post-meta">
           {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
-          {{ post.date | date: date_format }}
+          ({{ post.date | date: date_format }})
         </span>
       </div>
     </li>

feed.xsl

@@ -77,6 +77,8 @@
           </xsl:attribute>
           <xsl:value-of select="atom:title" />
         </a>
+        <!-- &nbsp; -->
+        &#160;
         <span class="post-meta"> (<xsl:value-of select="atom:updated-readable" />)</span>
         <!--
           Uncomment below to incorporate post excerpts into the styled preview.