From b89ffbf1de0de2cddb71f36522c23a92516f480e Mon Sep 17 00:00:00 2001
From: Markus Ankenbrand <markus@ankenbrand.me>
Date: Tue, 21 Feb 2017 00:06:42 +0100
Subject: [PATCH] Add style for jquery-ui select

---
 css/page-pins.css | 4 ++++
 page-pins.php     | 1 +
 2 files changed, 5 insertions(+)
 create mode 100644 css/page-pins.css

diff --git a/css/page-pins.css b/css/page-pins.css
new file mode 100644
index 0000000..0b9c6f4
--- /dev/null
+++ b/css/page-pins.css
@@ -0,0 +1,4 @@
+#travelers-select .ui-selecting { background: #FECA40; }
+#travelers-select .ui-selected { background: #F39814; color: white; }
+#travelers-select { list-style-type: none; margin: 0; padding: 0; width: 450px; }
+#travelers-select li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }
diff --git a/page-pins.php b/page-pins.php
index 84bcd31..685f1d4 100644
--- a/page-pins.php
+++ b/page-pins.php
@@ -80,6 +80,7 @@
     endwhile;
     wp_enqueue_script('page_pins_map', get_stylesheet_directory_uri() . '/js/page-pins-map.js', array('jquery', 'jquery-ui-selectable'));
     wp_localize_script('page_pins_map', 'page_pins_map', array('places' => $locations, 'traveler' => array_values($traveler)));
+    wp_enqueue_style('page_pins', get_stylesheet_directory_uri() . '/css/page-pins.css');
 ?>