diff --git a/public/index.html b/public/index.html
index d023da56ddca6ac2ddee27dd0ae12f8299bba802..62312ee77c33d535dbe2838588a0f5e2547375f2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<link rel="manifest" href="manifest.json" />
<link rel="shortcut icon" href="logo.png" />
+ <link rel="stylesheet" href="styles.css" />
<script>
if (navigator.serviceWorker) {
navigator.serviceWorker
@@ -18,11 +19,6 @@
)
}
</script>
- <style>
- button.selected {
- background-color: lightgray;
- }
- </style>
</head>
<body>
<div>
@@ -39,7 +35,7 @@
<button id="pen-tool" class="selected">Pen</button>
<button id="eraser-tool">Eraser</button>
- <svg id="canvas" width="100%" height="100%" style="position: fixed">
+ <svg id="canvas">
<defs>
<marker
id="dot"
diff --git a/public/styles.css b/public/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..52b4177d0119395a866d8ef57786178715035600
--- /dev/null
+++ b/public/styles.css
@@ -0,0 +1,9 @@
+#canvas {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+}
+
+button.selected {
+ background-color: lightgray;
+}