From aa79c4c8d2f46cd9a762a828a4186a20391df2e3 Mon Sep 17 00:00:00 2001
From: Yuriy Maksymets <iurii.maksymets@gmail.com>
Date: Wed, 16 Oct 2019 14:30:38 +0100
Subject: [PATCH] Added a stylesheet

---
 public/index.html | 8 ++------
 public/styles.css | 9 +++++++++
 2 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 public/styles.css

diff --git a/public/index.html b/public/index.html
index d023da5..62312ee 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 0000000..52b4177
--- /dev/null
+++ b/public/styles.css
@@ -0,0 +1,9 @@
+#canvas {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+}
+
+button.selected {
+  background-color: lightgray;
+}
-- 
GitLab