From 7095bd544f12fb4d10ed4d0071ec616c96c96694 Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Sat, 27 Oct 2018 10:11:52 +0900
Subject: [PATCH] Slightly improved registrations view

---
 pages/admin/registrations.pixy    | 12 ++++++++----
 pages/admin/registrations.scarlet |  5 +++++
 pages/support/support.scarlet     |  7 +++++--
 3 files changed, 18 insertions(+), 6 deletions(-)
 create mode 100644 pages/admin/registrations.scarlet

diff --git a/pages/admin/registrations.pixy b/pages/admin/registrations.pixy
index 1c89e111..5500c4c4 100644
--- a/pages/admin/registrations.pixy
+++ b/pages/admin/registrations.pixy
@@ -5,7 +5,11 @@ component UserRegistrations(total int, years []int, yearInfo map[int]utils.YearR
 	for _, year := range years
 		h3.mountable= year
 		h4.mountable= strconv.Itoa(yearInfo[year].Total) + " registrations"
-		for month := 1; month <= 12; month++
-			p.mountable
-				strong= time.Month(month).String() + ": "
-				span= strconv.Itoa(yearInfo[year].Months[month])
\ No newline at end of file
+
+		.feature-cards
+			for month := 1; month <= 12; month++
+				.feature-card.mountable
+					.feature-card-title= time.Month(month).String()
+					.feature-card-text= strconv.Itoa(yearInfo[year].Months[month])
+		
+		hr
\ No newline at end of file
diff --git a/pages/admin/registrations.scarlet b/pages/admin/registrations.scarlet
new file mode 100644
index 00000000..4cc80614
--- /dev/null
+++ b/pages/admin/registrations.scarlet
@@ -0,0 +1,5 @@
+.feature-card-title
+	feature-card-component
+	font-size 1.5rem
+	background feature-card-color
+	color feature-card-icon-color
\ No newline at end of file
diff --git a/pages/support/support.scarlet b/pages/support/support.scarlet
index a57b69eb..b74506d0 100644
--- a/pages/support/support.scarlet
+++ b/pages/support/support.scarlet
@@ -26,8 +26,7 @@ mixin feature-card
 .feature-card
 	feature-card
 
-.feature-card-icon,
-.feature-card-text
+mixin feature-card-component
 	horizontal
 	justify-content center
 	align-items center
@@ -35,6 +34,10 @@ mixin feature-card
 	padding 1rem
 	margin 0
 
+.feature-card-icon,
+.feature-card-text
+	feature-card-component
+
 .feature-card-icon
 	font-size 3rem
 	background feature-card-color