2 files changed, 50 insertions, 54 deletions

diff --git a/css/base.css b/css/base.css
index e8278a5..4e862d5 100644
--- a/css/base.css
+++ b/css/base.css
@@ -1,8 +1,8 @@
-* + img,* + ol,* + ul,* + table {
+* + div.graphicsPreview,* + img,* + ol,* + ul,* + table {
 	margin-top:1rem;
 }
 
-img + *,ol + *,p.graphicText + *,p.large + *,p.small + *,ul + *,table + * {
+div.graphicsPreview + *,img + *,ol + *,p.graphicText + *,p.large + *,p.small + *,ul + *,table + * {
 	margin-top:1rem;
 }
 
@@ -65,6 +65,28 @@ p.math,table tr td.math {
 	margin:   calc(3rem / 2 / 2) 0;
 }
 
+div.graphicsPreview {
+	align-items:     center;
+	background-color:var(--foregroundColour);
+	border-radius:   calc(1rem);
+	box-sizing:      border-box;
+	display:         flex;
+	height:          calc(12rem + 1rem * 2 + 1rem / 3 * 2);
+	padding:         1rem;
+	width:           calc(12rem + 1rem * 2 + 1rem / 3 * 2);
+}
+
+div.graphicsPreview img {
+	background-color:var(--backgroundColour);
+	border-color:    var(--backgroundColour);
+	border-radius:   calc(1rem / 3 * 2);
+	border-style:    solid;
+	border-width:    calc(1rem / 3);
+	margin:          auto;
+	max-height:      12rem;
+	max-width:       12rem;
+}
+
 p.graphicText {
 	font-style:italic;
 	margin-top:calc(1rem / 2);
@@ -87,10 +109,17 @@ p img {
 	height:      1em;
 }
 
+img.mcBanner {
+	background-color:var(--backgroundColour);
+	border-radius:   0;
+	border-style:    none;
+	height:          6rem;
+	width:           3rem;
+}
+
 img.subgroup,img.subgroup-mc {
 	border-radius:calc(6rem / 24);
 	border-style: none;
-	margin:       0;
 	margin-bottom:1rem;
 	width:        6rem;
 }
@@ -103,14 +132,6 @@ img.subgroup-mc:hover {
 	transform:rotate3d(0,1,0,180deg);
 }
 
-img.mcBanner {
-	background-color:var(--backgroundColour);
-	border-radius:   0;
-	border-style:    none;
-	height:          6rem;
-	width:           3rem;
-}
-
 ul li,ol li {
 	margin-left:2rem;
 }
@@ -124,6 +145,12 @@ table {
 	color:           var(--backgroundColour);
 }
 
+table.data {
+	font-family:   "Courier New","monospace";
+	word-break:    break-all;
+	letter-spacing:calc(1rem / 12);
+}
+
 table tr.small {
 	font-size:calc(2rem / 3);
 }
@@ -144,45 +171,6 @@ table tr td + td,table tr td + th,table tr th + td {
 	border-left-width:calc(1rem / 12);
 }
 
-table tr td.rightAligne {
+table tr td.rightAlign,table tr th.rightAlign {
 	text-align:right;
 }
-
-table.data {
-	font-family:   "Courier New","monospace";
-	word-break:    break-all;
-	letter-spacing:calc(1rem / 12);
-}
-
-table.data tr + tr {
-	border-top-color:var(--foregroundColour);
-	border-top-style:solid;
-	border-top-width:calc(1rem / 12);
-}
-
-div.graphicsPreview {
-	align-items:     center;
-	background-color:var(--foregroundColour);
-	border-radius:   calc(1rem);
-	box-sizing:      border-box;
-	display:         flex;
-	height:          calc(12rem + 1rem * 2 + 1rem / 3 * 2);
-	margin-top:      1rem;
-	padding:         1rem;
-	width:           calc(12rem + 1rem * 2 + 1rem / 3 * 2);
-}
-
-div.graphicsPreview + * {
-	margin-bottom:1rem;
-}
-
-div.graphicsPreview img {
-	background-color:var(--backgroundColour);
-	border-color:    var(--backgroundColour);
-	border-radius:   calc(1rem / 3 * 2);
-	border-style:    solid;
-	border-width:    calc(1rem / 3);
-	margin:          auto;
-	max-height:      12rem;
-	max-width:       12rem;
-}
diff --git a/css/pghdr.css b/css/pghdr.css
index 39bbc4f..4944ff7 100644
--- a/css/pghdr.css
+++ b/css/pghdr.css
@@ -11,16 +11,24 @@ div.navbar {
 	width:           100%;
 }
 
-div.navbar p,div.navbar a,div.navbar a:visited {
+div.navbar p span.section + span.section::before {
+	content:"\0020\2014\0020"
+}
+
+div.navbar p,div.navbar p span.section a,div.navbar p span.section a:visited {
 	color:          var(--backgroundColour);
 	text-decoration:none;
 }
 
-div.navbar a:hover {
+div.navbar p span.section a:hover {
 	color:var(--colour);
 }
 
-div.navbar a.mandelbrot-link:hover {
+div.navbar p span.section a + a::before {
+	content:"\0020\00B7\0020"
+}
+
+div.navbar p span.section a.mandelbrot-link:hover {
 	color:var(--green);
 }