Fix issue with sizer-element overlapping buttons

pages.php

@@ -10,6 +10,9 @@ define("PAGES", [
         "title" => "Notes",
         "navbar" => true,
         "icon" => "far fa-sticky-note",
+        "styles" => [
+            "static/css/home.css"
+        ],
         "scripts" => [
             "static/Shuffle/dist/shuffle.min.js",
             "static/js/home.js"

pages/home.php

@@ -16,7 +16,7 @@ foreach ($noteids as $n) {
 <?php
 $colors = [
     "F44336",
-    "EC407A",
+    "F06292",
     "AB47BC",
     "7E57C2",
     "5C6BC0",

static/css/home.css

@@ -0,0 +1,10 @@
+/*
+This Source Code Form is subject to the terms of the Mozilla Public
+License, v. 2.0. If a copy of the MPL was not distributed with this
+file, You can obtain one at http://mozilla.org/MPL/2.0/.
+*/
+
+.sizer-element {
+    z-index: -100;
+    pointer-events: none;
+}