card-share

marktplatz/static/css/styles.css

@@ -290,7 +290,7 @@ img.vote {
 
 .mybtn:hover {
     color: white;
-    background-color: black;
+    background-color: #AB5120;
 }
 
 

marktplatz/templates/marktplatz/product_overview.html

@@ -271,10 +271,6 @@ $(document).ready(function(){
   </div>
 
 
-    <div class="">
-      &nbsp;
-    </div>
-
   <div class="row border-dark " id="search_bar">
     <div class="container-fluid">
       <div class="row">
@@ -350,7 +346,8 @@ $(document).ready(function(){
         <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.altneu}}' onclick="location.href = '{% url 'product-detail-card-embed' pk=product.pk %}'" class="border-thin mybtn" style="">#<i class="fas fa-share"></i> Teilen</button>
+        <!-- <span id="ShareButton" class="cursor-pointer" > Teilen</span>  -->
       </p>
     </div>
   </div>