Update newsletter navigation and css

Author: rossta

app/javascript/css/layout.scss

@@ -77,6 +77,14 @@ main > *,
   grid-column: col-start 1 / span var(--grid-columns);
 }
 
+.row-gap-m {
+  row-gap: var(--space-m);
+}
+
+.col-gap-m {
+  column-gap: var(--space-m);
+}
+
 @media screen and (min-width: $screen-lg) {
   .article-content > *,
   .grid-content > * {

app/views/admin/newsletters/index.html.erb

@@ -19,13 +19,11 @@
             <span class="joy-text-subtle">Not sent</span>
           <% end %>
         </div>
-        <%= link_to "Edit", edit_admin_newsletter_path(newsletter), class: "table-cell p-2" %>
+        <div class="table-cell p-2">
+          <%= link_to "Public Show", newsletter %> |
+          <%= link_to "Edit", edit_admin_newsletter_path(newsletter) %>
+        </div>
       </div>
     <% end %>
-    <div class="table-row">
-      <div class="table-cell p-2">This is an Examplle</div>
-      <div class="table-cell p-2">--</div>
-      <div class="table-cell p-2">--</div>
-    </div>
   </div>
 </div>

app/views/admin/newsletters/show.html.erb

@@ -7,10 +7,10 @@
 
   <%= render @newsletter %>
 
-  <div>
-    <%= link_to "Edit this newsletter", edit_admin_newsletter_path(@newsletter) %> |
+  <div class="flex col-gap-m">
     <%= link_to "Back to newsletters", admin_newsletters_path %>
-
+    <%= link_to "Public Show", @newsletter %>
+    <%= link_to "Edit this newsletter", edit_admin_newsletter_path(@newsletter) %>
     <%= button_to "Destroy this newsletter", [:admin, @newsletter], method: :delete %>
   </div>
 </div>