minor fixes

marktplatz/static/css/styles.css

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

marktplatz/templates/marktplatz/product_overview.html

@@ -246,7 +246,8 @@ $(document).ready(function(){
   position: absolute;
   width: 100%;
   height: 100%;
-  overflow: auto;
+  /* overflow: auto; */
+  overflow: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   }
@@ -271,7 +272,10 @@ $(document).ready(function(){
 
   }
 
+.toogle-overflow {
 
+  overflow: auto;
+}
 
 .mab-card-face--back {
 	background: #FFF;
@@ -322,21 +326,21 @@ $(document).ready(function(){
   <div class="row border-dark collapse navbar-collapse tag-line" id="tags">
 
     <div class="container-fluid">
-      <button  class="show-all border-thin mybtn " style="margin-right: 2px;">#Show All</button>
+      <button  class="show-all border-thin mybtn " style="margin-bottom: 2px; ">#Show All</button>
 
       {% for elem in frei_list %}
-      <button id='{{elem.0}}' data-toggler='{{elem.0}}' class="border-thin mybtn btn-toggle elem.0" style="margin-right: 2px;">#{{elem.1}}</button>
+      <button id='{{elem.0}}' data-toggler='{{elem.0}}' class="border-thin mybtn btn-toggle elem.0" style="margin-bottom: 2px; ">#{{elem.1}}</button>
       {% endfor %}
 
       {% for key, value in ort_dict.items %}
-      <button class="border-thin mybtn btn-toggle {{key}}" data-toggler='{{key}}' style="margin-right: 2px;">#{{value}}</button>
+      <button class="border-thin mybtn btn-toggle {{key}}" data-toggler='{{key}}' style="margin-bottom: 2px; ">#{{value}}</button>
       {% endfor %}
 
       {% for elem in altneu_list %}
-      <button class="border-thin mybtn btn-toggle {{elem.0}}" data-toggler='{{elem.0}}' style="margin-right: 2px;">#{{elem.1}}</button>
+      <button class="border-thin mybtn btn-toggle {{elem.0}}" data-toggler='{{elem.0}}' style="margin-bottom: 2px; ">#{{elem.1}}</button>
       {% endfor %}
 
-      <button class="border-thin mybtn " style="margin-right: 2px;">{% include "marktplatz/modal-sa.html" %}</button>
+      <button class="border-thin mybtn " style="margin-bottom: 2px; ">{% include "marktplatz/modal-sa.html" %}</button>
 
 
     </div>
@@ -380,7 +384,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 class="show-all 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-bottom: 2px; margin-top: 15px">#Show All</button></nobr> to deselect all tags.
   </p>
 </div>
 
@@ -440,7 +444,7 @@ $(document).ready(function(){
      <!-- BACKFACE BACKFACE BACKFACE BACKFACE BACKFACE BACKFACE BACKFACE -->
 
 
-    <div class="mab-card-face mab-card-face--back ">
+    <div class="mab-card-face mab-card-face--back">
       <div class="mab-card  {% if product.frei == 'JAJA' %} {% endif %}">
 
         <div class="container flipper-wrapper" data-flip-card="product_{{product.pk}}_card">
@@ -507,6 +511,7 @@ $(document).ready(function(){
 
      let toggler = this.getAttribute("data-flip-card");
      $("#" + toggler ).toggleClass('is-flipped');
+     // $("#" + toggler ).toggleClass('toogle-overflow ');
 
   });
 
@@ -514,6 +519,7 @@ $(document).ready(function(){
 
      let toggler = this.getAttribute("data-flip-card");
      $("#" + toggler ).toggleClass('is-flipped');
+     // $("#" + toggler ).toggleClass('toogle-overflow ');
 
   });