quick fix for overlapping send feedback button (#540)

Author: twalen

oioioi/base/templates/ingredients/footer.html

@@ -21,5 +21,6 @@
   </script>
   {% all_with_prefix extra_footer_ %}
 </footer>
+{% all_with_prefix extra_after_footer_ %}
 
 

oioioi/szkopul/processors.py

@@ -13,6 +13,6 @@ def generator():
                 context={'support_email': settings.SZKOPUL_SUPPORT_EMAIL},
             )
 
-        return {'extra_body_szkopul_contact': lazy(generator, str)()}
+        return {'extra_after_footer_szkopul_contact': lazy(generator, str)()}
     else:
         return {}

oioioi/szkopul/static/common/szkopul.scss

@@ -68,10 +68,13 @@
   word-break: break-all;
 }
 
-#szkopul-contact-form-open {
-  position: fixed;
-  right: 1em;
+#szkopul-contact-form-open-div {
+  position: sticky;
   bottom: 1em;
+  padding-right: 1em;
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
   z-index: 999;
 }
 

oioioi/szkopul/templates/szkopul/contact-info.html

@@ -25,10 +25,12 @@ <h5 id="szkopul-contact-form-title" class="modal-title">{% trans "Send Feedback"
     </div>
   </div>
 </div>
-<button class="btn btn-info" id="szkopul-contact-form-open" type="button"
+<div id="szkopul-contact-form-open-div">
+<button class="btn btn-info" id="szkopul-contact-form-open"  type="button"
     data-toggle="modal" data-target="#szkopul-contact-form">
   {% trans "Send Feedback" %}
 </button>
+</div>
 
 {% block scripts %}
 <script type="text/javascript">