H1 elements now don't have the styling for a link beside them, fixed image sizing, improved ul and ol styling

1 files changed, 10 insertions, 4 deletions

diff --git a/src/styles.css b/src/styles.css
index 0347281..06bc026 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -95,6 +95,7 @@ body, td, th {
 
 h1 {
   font-size: 1.7em;
+  line-height: 1.2em;
 }
 
 h2 {
@@ -108,7 +109,8 @@ h3 {
 }
 
 img {
-  max-width: 99%;
+  max-width: 100%;
+  box-sizing: border-box;
 }
 
 img, hr {
@@ -126,20 +128,24 @@ article {
   overflow: auto;
 }
 
+ul, ol {
+  padding-inline-start: 30px;
+}
+
 /* Show link icon next to headings */
 
-h1, h2, h3, h4, h5, h6 {
+h2, h3, h4, h5, h6 {
   display: inline-block;
   margin-block-start: 0.4em;
   margin-block-end: 0.5em; /* Account for it being an inline block, as opposed to a normal block */
   line-height: 1.25em;
 }
 
-h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
+h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
   display: inline;
 }
 
-h1 + p img, h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img {
+h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img {
   height: 1.3em;
   border: none;
   vertical-align: text-top;