Skip to content

Commit e7b29a3

Browse files
committed
fix: Force paragraph spacing and text justification with aggressive CSS
- Increase paragraph margin-bottom from 2rem to 3rem - Add !important to all paragraph style properties - Add text-align-last: left to prevent last line stretching - Add hyphens: auto for better text flow - Remove leading-relaxed Tailwind class to avoid conflicts - Ensure text-align: justify overrides any Tailwind defaults
1 parent 242a8e2 commit e7b29a3

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

app/views/works/show.html.erb

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
</div>
4545
</header>
4646

47-
<div class="story-content text-[#3B2C22] leading-relaxed">
47+
<div class="story-content text-[#3B2C22]">
4848
<%= raw markdown(@work.story) %>
4949
</div>
5050
</article>
@@ -79,10 +79,13 @@
7979

8080
/* Paragraphs - generous spacing for readability */
8181
.story-content p {
82-
margin-bottom: 2rem !important;
83-
line-height: 2;
84-
font-size: 1.125rem;
85-
text-align: justify;
82+
margin-bottom: 3rem !important;
83+
margin-top: 0 !important;
84+
line-height: 2 !important;
85+
font-size: 1.125rem !important;
86+
text-align: justify !important;
87+
text-align-last: left !important;
88+
hyphens: auto;
8689
}
8790

8891
/* Bold text in paragraphs - acts as mini section headers */

0 commit comments

Comments
 (0)