From a565e93a59b9a24db7ab92008b654590d497a930 Mon Sep 17 00:00:00 2001
From: shoofle <xsigma@gmail.com>
Date: Sun, 3 Jan 2021 14:59:25 -0500
Subject: [PATCH] minor styling changes

---
 articles/circle_script.article.html | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/articles/circle_script.article.html b/articles/circle_script.article.html
index 492ddba..1dbb12d 100644
--- a/articles/circle_script.article.html
+++ b/articles/circle_script.article.html
@@ -4,8 +4,13 @@
 	margin-left: auto;
 	margin-right: auto;
 }
-td, .vowel-sequence {
+td {
 	padding: 2em;
+}
+.vowel-example {
+	padding: 1em;
+}
+td, .vowel-sequence {
 	border: 2px solid gray;
 }
 table > img {
@@ -13,7 +18,7 @@ table > img {
 	height: 50%;
 }
 .hero-example {
-	width: 60%;
+	width: 50%;
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
@@ -24,15 +29,22 @@ table > img {
 	margin-left: auto;
 	margin-right: auto;
 }
+#vowel-grid {
+	display: block;
+	width: 60%;
+}
+.vowel-sequence {
+	display: block;
+}
 .vowel-example {
 	display: inline-block;
 }
 .vowel-example * {
 	vertical-align: middle;
 }
-.vowel-example svg {
-	width: 6em;
-	height: 6em;
+.vowel-example > svg {
+	width: 3em;
+	height: 3em;
 }
 </style>
 <h3>An introduction to Circle Script (Version... 3?)</h3>
@@ -231,5 +243,4 @@ table > img {
 	</div>
 </div>
 <p>If you merge caught-cot, it is preferred to use the strong vowel /a~ɑ/ rather than the weak /ɔ/ vowel.</p>
-
 </article>