scrolling formatting

jordanlleslie · Nov 2, 2023 · 3bf45d2 · 3bf45d2
1 parent 30ea1ad
commit 3bf45d2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/styles.css b/styles.css
@@ -87,9 +87,19 @@ li {
   display: flex;
   flex-direction: row;
   width: 100%;
-  max-height: 100%;
+  min-height: calc(100vh);
 }
 
 #poem-container {
   flex: 2;
+  overflow: auto;
+  max-height: calc(100vh);
+}
+
+#statement-selector {
+  font-size: 20px;
+}
+
+#poem-container::-webkit-scrollbar {
+  display: none;
 }
diff --git a/utils/numeracyChart.js b/utils/numeracyChart.js
@@ -176,7 +176,9 @@ async function interactiveNumeracyChart(chart) {
     .text("low prestige language")
     .attr("y", chartHeight)
     .attr("x", chartWidth / 4)
-    .attr("text-anchor", "middle");
+    .attr("text-anchor", "middle")
+    .style("font-size", "16px");
+
   chart
     .append("text")
     .text("high prestige language")