Change styling a bit.

2021-02-03 20:23:24 -05:00 · 2021-02-03 20:23:24 -05:00 · 2d1fb67839
commit 2d1fb67839
--- a/index.html
+++ b/index.html
@ -1,6 +1,11 @@
 <!DOCTYPE html>
 <meta charset="utf-8">
 <title>Mythic Symbolic</title>
+<style>
+html, body {
+  font-family: "Calibri", "Arial", "Helvetica Neue", sans-serif;
+}
+</style>
 <noscript>
  <p>Alas, you need JavaScript to peruse this page.</p>
 </noscript>
--- a/lib/browser-main.tsx
+++ b/lib/browser-main.tsx
@ -68,9 +68,19 @@ const App: React.FC<{}> = () => {
        <div
          style={{
            display: "inline-block",
+            border: "1px solid black",
+            margin: "4px",
          }}
        >
-          <h2>{symbolData.name}</h2>
+          <div
+            style={{
+              backgroundColor: "black",
+              color: "white",
+              padding: "4px",
+            }}
+          >
+            {symbolData.name}
+          </div>
          <SvgSymbol
            data={symbolData}
            scale={0.25}