From f637b8800d27ebc0aaf80b343549e81b353ae493 Mon Sep 17 00:00:00 2001
From: Dmitriy Sokolov <silentsokolov@gmail.com>
Date: Mon, 14 Oct 2019 19:18:09 +0300
Subject: [PATCH] Fix CSS button #36

---
 CHANGELOG.md                                           | 1 +
 rangefilter/templates/rangefilter/date_filter.html     | 8 ++++----
 rangefilter/templates/rangefilter/date_filter_1_8.html | 6 +++---
 rangefilter/templates/rangefilter/date_filter_csp.html | 8 ++++----
 4 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5d9127b..46a9ea6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,5 @@
 ## [Unreleased]
+- Fix CSS overrides base admin button CSS (#36)
 
 ## [0.5.0] - 2019-07-04
 ### Added
diff --git a/rangefilter/templates/rangefilter/date_filter.html b/rangefilter/templates/rangefilter/date_filter.html
index 56540a9..dd05028 100644
--- a/rangefilter/templates/rangefilter/date_filter.html
+++ b/rangefilter/templates/rangefilter/date_filter.html
@@ -2,8 +2,8 @@
 <h3>{% blocktrans with filter_title=title %}By {{ filter_title }}{% endblocktrans %}</h3>
 <link rel="stylesheet" type="text/css" href="{% static 'admin/css/widgets.css' %}">
 <style>
-    .button, input[type=submit], input[type=button], .submit-row input, a.button,
-    .button, input[type=reset] {
+    .admindatefilter .button, input[type=submit], input[type=button], .submit-row input, a.button,
+    .admindatefilter .button, input[type=reset] {
         background: #79aec8;
         padding: 4px 5px;
         border: none;
@@ -130,8 +130,8 @@ https://github.com/django/django/blob/stable/1.10.x/django/contrib/admin/templat
             <input type="hidden" id="{{ choice.system_name }}-query-string" value="{{ choice.query_string }}">
         {% endfor %}
         <div class="controls">
-            <input type="submit" value="{% trans "Search" %}" onclick="datefilter_apply(event, '{{ choices.0.system_name }}-query-string', '{{ choices.0.system_name }}-form')">
-            <input type="reset" class="button" value="{% trans "Reset" %}" onclick="datefilter_reset('{{ choices.0.system_name }}-query-string')">
+            <input type="submit" class="admindatefilter" value="{% trans "Search" %}" onclick="datefilter_apply(event, '{{ choices.0.system_name }}-query-string', '{{ choices.0.system_name }}-form')">
+            <input type="reset" class="admindatefilter button" value="{% trans "Reset" %}" onclick="datefilter_reset('{{ choices.0.system_name }}-query-string')">
         </div>
     </form>
 </div>
diff --git a/rangefilter/templates/rangefilter/date_filter_1_8.html b/rangefilter/templates/rangefilter/date_filter_1_8.html
index 403d1ad..46e515f 100644
--- a/rangefilter/templates/rangefilter/date_filter_1_8.html
+++ b/rangefilter/templates/rangefilter/date_filter_1_8.html
@@ -2,7 +2,7 @@
 <h3>{% blocktrans with filter_title=title %}By {{ filter_title }}{% endblocktrans %}</h3>
 <link rel="stylesheet" type="text/css" href="{% static 'admin/css/widgets.css' %}">
 <style>
-    .button, input[type=reset] {
+    .admindatefilter .button, input[type=reset] {
         padding: 3px 5px;
         color: black;
         border: 1px solid #bbb;
@@ -86,8 +86,8 @@ https://github.com/django/django/blob/stable/1.8.x/django/contrib/admin/template
             <input type="hidden" id="{{ choice.system_name }}-query-string" value="{{ choice.query_string }}">
         {% endfor %}
         <div class="controls">
-            <input type="submit" value="{% trans "Search" %}" onclick="datefilter_apply(event, '{{ choices.0.system_name }}-query-string', '{{ choices.0.system_name }}-form')">
-            <input type="reset" class="button" value="{% trans "Reset" %}" onclick="datefilter_reset('{{ choices.0.system_name }}-query-string')">
+            <input type="submit" class="admindatefilter" value="{% trans "Search" %}" onclick="datefilter_apply(event, '{{ choices.0.system_name }}-query-string', '{{ choices.0.system_name }}-form')">
+            <input type="reset" class="admindatefilter button" value="{% trans "Reset" %}" onclick="datefilter_reset('{{ choices.0.system_name }}-query-string')">
         </div>
     </form>
 </div>
diff --git a/rangefilter/templates/rangefilter/date_filter_csp.html b/rangefilter/templates/rangefilter/date_filter_csp.html
index f5e90e8..c9afc53 100644
--- a/rangefilter/templates/rangefilter/date_filter_csp.html
+++ b/rangefilter/templates/rangefilter/date_filter_csp.html
@@ -2,8 +2,8 @@
 <h3>{% blocktrans with filter_title=title %}By {{ filter_title }}{% endblocktrans %}</h3>
 <link rel="stylesheet" type="text/css" href="{% static 'admin/css/widgets.css' %}">
 <style nonce="{{ spec.request.csp_nonce }}">
-    .button, input[type=submit], input[type=button], .submit-row input, a.button,
-    .button, input[type=reset] {
+    .admindatefilter .button, input[type=submit], input[type=button], .submit-row input, a.button,
+    .admindatefilter .button, input[type=reset] {
         background: #79aec8;
         padding: 4px 5px;
         border: none;
@@ -132,8 +132,8 @@ django.jQuery('document').ready(function () {
             <input type="hidden" id="{{ choice.system_name }}-query-string" value="{{ choice.query_string }}">
         {% endfor %}
         <div class="controls">
-            <input type="submit" class="button" value="{% trans "Search" %}">
-            <input type="reset" class="button" value="{% trans "Reset" %}">
+            <input type="submit" class="admindatefilter" class="button" value="{% trans "Search" %}">
+            <input type="reset" class="admindatefilter button" value="{% trans "Reset" %}">
         </div>
     </form>
 </div>