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 @@
-
-
-
-
-
+
+
+
+
+
-
-
-
-
+
+
+
+