margins and html validation

marktplatz/static/css/styles.css

@@ -217,7 +217,7 @@ img.vote {
     border-radius: 20px;
     padding-bottom: 0px;
     margin: 0px;
-    margin-right:1px ;
+    margin-right:6px ;
     margin-top: 2px;
     line-height: 20px;
     padding-top: 4px;

marktplatz/templates/marktplatz/modal-sa.html

@@ -47,7 +47,7 @@
         <!-- {% now "YFdHi-u" %} -->
 
         <span id="agentClose" class="close">&times;</span>
-        <iframe src="{% url 'search-agent-form-embed' %}" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="600px" width="100%" allowfullscreen></iframe>
+        <iframe src="{% url 'search-agent-form-embed' %}" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" marginheight="0px" marginwidth="0px" height="600px" width="100%" allowfullscreen></iframe>
 
       </div>
     </div>

marktplatz/templates/marktplatz/product_overview.html

@@ -15,7 +15,7 @@ $(document).ready(function(){
         $("#how").fadeOut(200);
     });
 
-    $("button#show").click(function(){
+    $(".show-all").click(function(){
         $(".card").show();
         $("button").removeClass("mark");
         $("#how").fadeOut(40);
@@ -89,7 +89,7 @@ $(document).ready(function(){
 
     $(".btn-toggle").click (function(elem){
 
-       let toggler = this.getAttribute("toggler");
+       let toggler = this.getAttribute("data-toggler");
        $(".card").show();
        $("button").removeClass("mark");
 
@@ -322,21 +322,21 @@ $(document).ready(function(){
   <div class="row border-dark collapse navbar-collapse tag-line" id="tags">
 
     <div class="container-fluid">
-      <button id='show' class="border-thin mybtn " style="margin-right: 2px;margin-bottom: 2px">#Show All</button>
+      <button  class="show-all border-thin mybtn " style="margin-right: 2px;">#Show All</button>
 
       {% for elem in frei_list %}
-      <button id='{{elem.0}}' toggler='{{elem.0}}' class="border-thin mybtn btn-toggle elem.0" style="margin-right: 2px;margin-bottom: 2px">#{{elem.1}}</button>
+      <button id='{{elem.0}}' data-toggler='{{elem.0}}' class="border-thin mybtn btn-toggle elem.0" style="margin-right: 2px;">#{{elem.1}}</button>
       {% endfor %}
 
       {% for key, value in ort_dict.items %}
-      <button class="border-thin mybtn btn-toggle {{key}}" toggler='{{key}}' style="margin-right: 2px;margin-bottom: 2px">#{{value}}</button>
+      <button class="border-thin mybtn btn-toggle {{key}}" data-toggler='{{key}}' style="margin-right: 2px;">#{{value}}</button>
       {% endfor %}
 
       {% for elem in altneu_list %}
-      <button class="border-thin mybtn btn-toggle {{elem.0}}" toggler='{{elem.0}}' style="margin-right: 2px;margin-bottom: 2px">#{{elem.1}}</button>
+      <button class="border-thin mybtn btn-toggle {{elem.0}}" data-toggler='{{elem.0}}' style="margin-right: 2px;">#{{elem.1}}</button>
       {% endfor %}
 
-      <button class="border-thin mybtn " style="margin-right: 2px;margin-bottom: 2px">{% include "marktplatz/modal-sa.html" %}</button>
+      <button class="border-thin mybtn " style="margin-right: 2px;">{% include "marktplatz/modal-sa.html" %}</button>
 
 
     </div>
@@ -380,7 +380,7 @@ $(document).ready(function(){
 <div id="how" style="margin-top: 5px;text-align: center;vertical-align: middle; max-height: 40px;" class="container-fluid">
 
   <p style="color: black"> There are no Products matching your selection, as you have selected multiple tags.
-    Click <nobr><button id='show' class="border-thin mybtn" style="margin-right: 2px;margin-top: 15px">#Show All</button></nobr> to deselect all tags.
+    Click <nobr><button class="show-all border-thin mybtn" style="margin-right: 2px;margin-top: 15px">#Show All</button></nobr> to deselect all tags.
   </p>
 </div>
 
@@ -390,7 +390,7 @@ $(document).ready(function(){
 
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  -->
 
-<div class="card-columns" style="margin-top: 7px; orphans: 1; windows:1;">
+<div class="card-columns" style="margin-top: 7px; orphans: 1;">
 
   {{main_card|safe}}
 
@@ -427,10 +427,10 @@ $(document).ready(function(){
 
             <button id='product_{{product.pk}}_flipper' onclick="" class="border-thin mybtn flipper" flip-card="product_{{product.pk}}_card" style=""><i class="fas fa-sync-alt"></i> Steckbrief</button>
             <button id='product_{{product.pk}}_teilen' onclick="location.href = '{% url 'product-detail-card-embed' pk=product.pk %}'" class="border-thin mybtn" style=""><i class="fas fa-share"></i> Teilen</button>
-            <button id='product_{{product.pk}}_{{product.frei}}' toggler='{{product.frei}}' class="border-thin mybtn btn-toggle {{product.frei}}" style="">#{{product.get_frei_display}}</button>
-            <button id='product_{{product.pk}}_{{product.status}}' toggler='{{product.status}}' class="border-thin mybtn btn-toggle {{product.status}}" style="">#{{product.get_status_display}}</button>
-            <button id='product_{{product.pk}}_{{product.ort}}' toggler='{{product.ort}}' class="border-thin mybtn btn-toggle {{product.ort}}" style="">#{{product.get_ort_display}}</button>
-            <button id='product_{{product.pk}}_{{product.altneu}}' toggler='{{product.altneu}}' class="border-thin mybtn btn-toggle {{product.altneu}}" style="">#{{product.get_altneu_display}}</button>
+            <button id='product_{{product.pk}}_{{product.frei}}' data-toggler='{{product.frei}}' class="border-thin mybtn btn-toggle {{product.frei}}" style="">#{{product.get_frei_display}}</button>
+            <button id='product_{{product.pk}}_{{product.status}}' data-toggler='{{product.status}}' class="border-thin mybtn btn-toggle {{product.status}}" style="">#{{product.get_status_display}}</button>
+            <button id='product_{{product.pk}}_{{product.ort}}' data-toggler='{{product.ort}}' class="border-thin mybtn btn-toggle {{product.ort}}" style="">#{{product.get_ort_display}}</button>
+            <button id='product_{{product.pk}}_{{product.altneu}}' data-toggler='{{product.altneu}}' class="border-thin mybtn btn-toggle {{product.altneu}}" style="">#{{product.get_altneu_display}}</button>
             <!-- <span id="ShareButton" class="cursor-pointer" > Teilen</span>  -->
           </p>
         </div>

project_base/settings.py

@@ -255,7 +255,7 @@ NEWSLETTER_BATCH_SIZE = 100
 
 
 CRONJOBS = [
-    ('*/5 * * * *', 'django.core.management.call_command', ['submit_newsletter', ], '> /dev/null 2>&1' ), #> /dev/null 2>&1
+    ('*/5 * * * *', 'django.core.management.call_command', ['submit_newsletter', ], '>   /dev/null 2>&1' ), #> /dev/null 2>&1
 ]
 
 CRISPY_TEMPLATE_PACK = 'bootstrap4'