style: Sensible indentation

1 files changed, 29 insertions, 16 deletions

diff --git a/src/style/style.css b/src/style/style.css
index 1aaf857..4770d2d 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -10,15 +10,12 @@
 }
 
 html {
-	margin-left: auto;
-	margin-right: auto;
+	margin: 2em auto 2em auto;
 	max-width: 80ch;
-
-	margin-top: 3em;
 }
 
 header {
-	margin-bottom: 1em;
+	margin-bottom: 2em;
 }
 header ul {
 	padding-left: 0;
@@ -30,12 +27,6 @@ header ul li:last-child {
 	float: right;
 }
 
-header img {
-	padding-right: 1em;
-	max-width: 2em;
-	float: left;
-}
-
 a, a:hover, a:visited {
 	color: blue;
 }
@@ -55,11 +46,14 @@ ul.index li span {
 	display: block;
 }
 
+li {
+	overflow-wrap: break-word;
+}
+
 table {
 	border-collapse: collapse;
-	min-width: 100%;
-	display: table;
 	font-size: .8em;
+	overflow: auto;
 }
 table th, table td {
 	padding: .4em 1em .4em 1em;
@@ -78,6 +72,11 @@ pre {
 	overflow: auto;
 }
 
+p code {
+	background-color: #cccccc;
+	font-style: italic;
+}
+
 blockquote {
 	margin-inline-end: 0;
 	margin-inline-start: 20%;
@@ -86,19 +85,33 @@ blockquote * {
 	background-color: yellow;
 	font-style: italic;
 }
+blockquote p {
+	margin-block-start: 0;
+	margin-block-end: 0;
+}
 
 footer {
 	margin-top: 16em;
 }
+footer blockquote {
+	margin-inline-start: 0;
+}
 
 @media only screen and (max-width: 100ch) {
 	body {
 		width: 90%;
 	}
-	header nav li {
+
+	header ul li {
 		display: block;
 	}
-	.float-right {
-		float: none;
+	header ul li:last-child {
+		float: left;
 	}
+
+	table {
+		table-layout: fixed;
+		width: 100%
+	}
+
 }