diff --git a/css/common.css b/css/common.css index 9b26271c7..d9ae0b4f4 100644 --- a/css/common.css +++ b/css/common.css @@ -21,7 +21,7 @@ font-size: calc(1vmin + 12px); } -body{ +body { background-color: var(--deep-purple); overflow-x:hidden; margin: 0; @@ -73,10 +73,11 @@ p { margin-top: 0; } -p a, p svg{ +p a, p svg { color: var(--quacs-midtone); fill: var(--quacs-midtone); - height: 4vmin; + max-height: 4vmin; + width: 4vmin; vertical-align: bottom; } @@ -90,7 +91,7 @@ p a:hover, p a:hover svg { } /* HEADER */ -#qlog-header{ +#qlog-header { border-bottom: 0.2vmin solid var(--quacs-yellow); width: 100%; min-height: 5.25vmin; diff --git a/css/coursedisplay.css b/css/coursedisplay.css index 2d35059c8..501d810e4 100644 --- a/css/coursedisplay.css +++ b/css/coursedisplay.css @@ -236,7 +236,7 @@ font-family: 'proxima-nova'; } -.code-icon svg{ +.code-icon svg { width: 0.9rem; max-height: 0.9rem; text-align: justify!important; @@ -247,16 +247,16 @@ overflow: visible; } -#yes-code-icon svg{ +#yes-code-icon svg { fill: var(--green); } -#no-code-icon svg{ +#no-code-icon svg { fill: var(--red); } -#diff-code-icon svg{ +#diff-code-icon svg { fill: var(--quacs-yellow); } -#nil-code-icon svg{ +#nil-code-icon svg { fill: var(--mid-light-purple); } diff --git a/index.html b/index.html index 585ee4f78..8ad1cb3a0 100644 --- a/index.html +++ b/index.html @@ -9,16 +9,16 @@ - - - - - + + + + + - - - - + + + +