Style updates for newsletter

rossta · rossta · commit 79ba77ad3c49 · 2024-08-12T07:17:57.000-04:00
diff --git a/app/javascript/css/utilities/custom.css b/app/javascript/css/utilities/custom.css
@@ -26,6 +26,11 @@
   padding-bottom: var(--space-3xl);
 }
 
+.mx--4 {
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+
 .bg-success {
   background-color: var(--joy-background-success);
 }
diff --git a/app/views/admin/newsletters/show.html.erb b/app/views/admin/newsletters/show.html.erb
@@ -4,9 +4,11 @@
     <%= button_to "Send Test", deliver_admin_newsletter_path(@newsletter), method: :patch, class: "button secondary" %>
     <%= button_to "Send Live", deliver_admin_newsletter_path(@newsletter, live: true), method: :patch, class: "button primary" %>
   </div>
+  <hr>
 
   <%= render @newsletter %>
 
+  <hr>
   <div class="flex col-gap-m">
     <%= link_to "Back to newsletters", admin_newsletters_path %>
     <%= link_to "Public Show", @newsletter %>
diff --git a/app/views/newsletters/_newsletter.html.erb b/app/views/newsletters/_newsletter.html.erb
@@ -1,3 +1,3 @@
-<div id="<%= dom_id newsletter %>" class="joy-border p-4">
+<div id="<%= dom_id newsletter %>" class="article-content">
   <%= basic_markdown (newsletter&.content || "").html_safe %>
 </div>

Original file line number	Diff line number	Diff line change
`@@ -26,6 +26,11 @@`
`26`	`26`	`padding-bottom: var(--space-3xl);`
`27`	`27`	`}`
`28`	`28`
	`29`	`+.mx--4 {`
	`30`	`+ margin-left: -1rem;`
	`31`	`+ margin-right: -1rem;`
	`32`	`+}`
	`33`	`+`
`29`	`34`	`.bg-success {`
`30`	`35`	`background-color: var(--joy-background-success);`
`31`	`36`	`}`