$

src/pages/home.riot

@@ -9,15 +9,14 @@
 
 		#main-container
 		#right, #left generalytics, #left etablanalytics {
-			padding: 20px;
 			box-shadow: 0px 0px 9px 1px black;
 			background: #7A90A4;
-			border-radius: 10px;
 		}
 
 		#main-container
 		#right {
 			align-self: flex-start;
+			margin-right: 3vw;
 		}
 
 		#main-container
@@ -28,8 +27,21 @@
 			align-self: center;
 		}
 
+		#main-container
+		#left
+		generalytics {
+			margin-bottom: 1.5vw;
+		}
 	</style>
 
+	<script>
+		import * as riot from "riot";
+
+		riot.mount("selector", document.getElementById("right"))
+		riot.mount("generalytics", document.getElementById("left"))
+		riot.mount("etablanalytics", document.getElementById("left"))
+	</script>
+
 	<div id="main-container">
 		<div id="right">
 			<selector />