From 58cec26107b026a1ca044963b6d564285d896a51 Mon Sep 17 00:00:00 2001
From: Markus Ankenbrand <markus@ankenbrand.me>
Date: Sat, 25 Feb 2017 15:17:40 +0100
Subject: [PATCH] Move style to css

---
 css/page-pins.css | 14 +++++++++++++-
 page-pins.php     | 12 ++++++------
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/css/page-pins.css b/css/page-pins.css
index 612c726..3845210 100644
--- a/css/page-pins.css
+++ b/css/page-pins.css
@@ -26,4 +26,16 @@
     border:0;
     color:#3BC492;
     font-weight:bold;
-}
\ No newline at end of file
+}
+
+#pin-filter-action-panel {
+    clear: both;
+    float: left;
+    display: block;
+    position: relative;
+    margin-top: 20px;
+}
+
+#pin-filter-action-panel a { color:white; }
+#pin-filter-action-panel p { margin-bottom: 0; }
+#time-range-slider { margin-bottom: 2em; }
\ No newline at end of file
diff --git a/page-pins.php b/page-pins.php
index 5e3caee..2e6afdd 100644
--- a/page-pins.php
+++ b/page-pins.php
@@ -35,16 +35,16 @@
                     <label for="travelers-select">Mitreisende:</label>
                     <ul id="travelers-select"></ul>
 
-                    <div style="clear: both; float: left; display: block; position: relative;margin-top: 20px;">
-                        <p style="margin-bottom: 0px">
+                    <div id="pin-filter-action-panel">
+                        <p>
                             <label for="time-range">Zeitraum:</label>
                             <input type="text" id="time-range" readonly>
                         </p>
-                        <div id="time-range-slider" style="margin-bottom: 2em"></div>
+                        <div id="time-range-slider"></div>
 
-                        <a class="button" style="color:white" id="travelers-filter-button">Filter</a>
-                        <a class="button" style="color:white" id="travelers-reset-button">Reset</a>
-                        <a class="button" style="color:white" id="travelers-extend-button">Erweitert</a>
+                        <a class="button" id="travelers-filter-button">Filter</a>
+                        <a class="button" id="travelers-reset-button">Reset</a>
+                        <a class="button" id="travelers-extend-button">Erweitert</a>
                         <input type="checkbox" id="toggle-and-or" />
                     </div>