css: mobile display layout adjustments

1 files changed, 6 insertions, 3 deletions

diff --git a/css/main.css b/css/main.css
index 5b011a6..f3ff528 100755
--- a/css/main.css
+++ b/css/main.css
@@ -19,7 +19,7 @@ header		{display: flex; justify-content: center; flex-direction: column; positio
 header hr	{width: 80vw; height: 0; border: none; border-top: 1px solid var(--color-head-d);}
 .identcontainer	{display: flex; flex-direction: row; justify-content: space-between; height: 25px; margin: -5px 10vw; padding: 0 5px;}
 .ident		{font-family: neue-haas-grotesk-display, var(--fs-sans); font-weight: 300; font-size: 1rem; align-self: center; font-feature-settings: "case";}
-.ident a	{text-decoration: none; cursor: pointer;}
+.ident a	{text-decoration: none; color: var(--color-head-d); cursor: pointer;}
 .ident a:link	{text-decoration: none;}
 .ident a:visited{color: var(--color-head-d);}
 .ident a:hover	{text-decoration: none;}
@@ -93,10 +93,13 @@ header		{background-attachment: initial;}
 nav		{order: 2; position: static; width: 100vw; height: 50vh; border-top: 1px solid var(--color-main-m); padding: 1rem 10vw;}
 nav pre		{font-size: 1rem;}
 main		{padding: 1rem 10vw;}
-.toc		{width: auto; border: none;}
+.toc		{width: auto; margin: 1rem 0; border: none;}
 p,p strong,p em,li	{-webkit-hyphens: auto; hyphens: auto;}
 p img		{vertical-align: middle; -webkit-transform: scale(0.75); transform: scale(0.75);}
-figure p,footer p,footer a	{font-size: 1rem; line-height: 1.25rem;}
+main pre,figure,table	{margin: 1rem 0;}
+table		{width: auto;}
+footer		{padding: 1rem;}
+figure p,footer p,footer a	{font-size: 1rem; line-height: 1.5rem;}
 footer img	{height: 1rem; margin-left: 1rem;}
 }