From 5e7caa0f0bef566f0f6caea0de12c70805e1c3f7 Mon Sep 17 00:00:00 2001
From: DL6ER <dl6er@dl6er.de>
Date: Tue, 20 Mar 2018 00:22:16 +0100
Subject: [PATCH] Move style definition into correct file

Signed-off-by: DL6ER <dl6er@dl6er.de>
---
 index.php         | 25 -------------------------
 style/pi-hole.css | 24 ++++++++++++++++++++++++
 2 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/index.php b/index.php
index 416261ac..c56266a4 100644
--- a/index.php
+++ b/index.php
@@ -115,31 +115,6 @@ else
         <div class="box-body">
           <div class="chart">
             <canvas id="clientsChart" width="800" height="140"></canvas>
-		<style>
-                canvas{
-                        -moz-user-select: none;
-                        -webkit-user-select: none;
-                        -ms-user-select: none;
-                }
-                #chartjs-tooltip {
-                        opacity: 1;
-                        position: absolute;
-                        background: rgba(0, 0, 0, .7);
-                        color: white;
-                        border-radius: 3px;
-                        -webkit-transition: all .1s ease;
-                        transition: all .1s ease;
-                        pointer-events: none;
-                        -webkit-transform: translate(-50%, 0);
-                        transform: translate(-50%, 0);
-                }
-                .chartjs-tooltip-key {
-                        display: inline-block;
-                        width: 20px;
-                        height: 10px;
-                        margin-right: 10px;
-                }
-        </style>
           </div>
         </div>
         <div class="overlay">
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 541d5c6e..6a0279f5 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -115,3 +115,27 @@ a.lookatme {
     -webkit-animation: fa-spin 1s infinite linear;
     animation: fa-spin 1s infinite linear;
 }
+
+canvas{
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+#chartjs-tooltip {
+    opacity: 1;
+    position: absolute;
+    background: rgba(0, 0, 0, .7);
+    color: white;
+    border-radius: 3px;
+    -webkit-transition: all .1s ease;
+    transition: all .1s ease;
+    pointer-events: none;
+    -webkit-transform: translate(-50%, 0);
+    transform: translate(-50%, 0);
+}
+.chartjs-tooltip-key {
+    display: inline-block;
+    width: 20px;
+    height: 10px;
+    margin-right: 10px;
+}