🚀

webclient/src/light.css

@@ -1,4 +1,5 @@
-html, body {
+html,
+body {
 	font-size: 16px;
 	height: 100%;
 	margin: 0;
@@ -43,7 +44,7 @@ body {
 	padding-top: 1rem;
 }
 
-.topPadding > .ui.container{
+.topPadding > .ui.container {
 	min-height: 45rem;
 }
 
@@ -66,7 +67,9 @@ body {
 	padding-bottom: 24rem;
 }
 
-.course-editor, .class-editor, .transaction-editor {
+.course-editor,
+.class-editor,
+.transaction-editor {
 	margin-bottom: 1rem;
 }
 
@@ -116,12 +119,22 @@ body {
 
 .footer {
 	margin-top: -20rem;
-
 	background: black;
 	color: white;
+	display: grid;
 }
 
+/* grid bottom */
+.footer canvas {
+	grid-row: 1/2;
+	grid-column: 1/2;
+}
+
+/* grid top */
 .footer .container {
+	z-index: 99;
+	grid-row: 1/2;
+	grid-column: 1/2;
 	padding-top: 3rem;
 	padding-bottom: 3rem;
 }
@@ -151,8 +164,8 @@ body {
 	margin-right: 0.5em;
 }
 
-
-.darkmode-layer, .darkmode-toggle {
+.darkmode-layer,
+.darkmode-toggle {
 	z-index: 500;
 }