Various design improvements

pages/quotes/quotes.pixy

@@ -23,7 +23,7 @@ component Quotes(quotes []*arn.Quote, nextIndex int, user *arn.User)
 
 component QuotesScrollable(quotes []*arn.Quote, user *arn.User)
 	each quote in quotes
-		Quote(quote)
+		QuotePreview(quote)
 
 component QuotesTabs
 	.tabs

pages/quotes/quotes.scarlet

@@ -1,3 +1,5 @@
+const quote-margin = 1rem
+
 .quotes
 	horizontal-wrap
 	justify-content space-around
@@ -6,7 +8,11 @@
 	vertical
 	flex 1
 	flex-basis 500px
-	padding 1rem
+	margin quote-margin 0
+
+> 500px
+	.quote
+		margin quote-margin
 
 .quote-content
 	vertical
@@ -14,6 +20,9 @@
 	border-left 5px solid quote-side-border-color !important
 	box-shadow shadow-light
 
+.quote-line
+	// ...
+
 .quote-character
 	horizontal
 	align-self flex-end