diff --git a/donate/templates/donate/donate_project_page.html b/donate/templates/donate/donate_project_page.html
index 25c33336eef5cc20f153292e59ecb18f25fda63b..c433e892494d6467ee07e4db7e567b41715680ef 100644
--- a/donate/templates/donate/donate_project_page.html
+++ b/donate/templates/donate/donate_project_page.html
@@ -62,96 +62,98 @@
</div><!-- /column -->
<div class="col-12 col-lg-4 offset-xl-1 order-1 order-lg-2">
- <div class="project-donate-form mb-5">
-
- <div class="project-donate-form__left">
- <div class="project-donate-form__left-content">
- <h2 class="lead mb-0">Podpoř projekt</h2>
- </div><!-- /project-donate-form__left-content -->
- </div><!-- /project-donate-form__left -->
-
- <div class="project-donate-form__right">
- {% if page.expected_amount %}
- <h5>
- Vybráno <strong>{{ page.get_donated_amount|intcomma }} Kč</strong>
- z <strong>{{ page.expected_amount|intcomma }} Kč</strong>
- </h5>
- <div class="progress">
- <div class="progress-bar" role="progressbar" style="width: {{ page.donated_percentage }}%" aria-valuenow="{{ page.donated_percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
- </div>
- <hr>
- {% comment %}
- <h5><strong>24 lidí</strong> přispělo</h5>
- <h5><strong>40 dní</strong> do konce</h5>
- <hr>
- {% endcomment %}
- {% else %}
- <h5>Zatím vybráno <strong>{{ page.get_donated_amount|intcomma }} Kč</strong></h5>
- {% endif %}
-
- {% if page.show_donate_form %}
- <form id="js-donate-form" method="post">
- {% csrf_token %}
- <input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
- {% if page.allow_periodic_donations %}
- <div class="form-group row mb-2 align-items-center">
- <legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
- <div class="col-md-12">
- <div class="custom-control custom-radio custom-control-inline">
- <input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
- <label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
- </div>
- <div class="custom-control custom-radio custom-control-inline">
- <input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
- <label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
- </div>
- </div>
+ <div class="sticky-top mb-5">
+ <div class="project-donate-form mb-5">
+
+ <div class="project-donate-form__left">
+ <div class="project-donate-form__left-content">
+ <h2 class="lead mb-0">Podpoř projekt</h2>
+ </div><!-- /project-donate-form__left-content -->
+ </div><!-- /project-donate-form__left -->
+
+ <div class="project-donate-form__right">
+ {% if page.expected_amount %}
+ <h5>
+ Vybráno <strong>{{ page.get_donated_amount|intcomma }} Kč</strong>
+ z <strong>{{ page.expected_amount|intcomma }} Kč</strong>
+ </h5>
+ <div class="progress">
+ <div class="progress-bar" role="progressbar" style="width: {{ page.donated_percentage }}%" aria-valuenow="{{ page.donated_percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
+ <hr>
+ {% comment %}
+ <h5><strong>24 lidí</strong> přispělo</h5>
+ <h5><strong>40 dní</strong> do konce</h5>
+ <hr>
+ {% endcomment %}
{% else %}
- <input type="hidden" name="periodicity" value="99999">
+ <h5>Zatím vybráno <strong>{{ page.get_donated_amount|intcomma }} Kč</strong></h5>
{% endif %}
- <div class="form-group row mb-4 align-items-center">
- <legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend>
- <div class="col-md-12">
- {% include "donate/form_amounts_snippet.html" %}
- </div>
- </div>
- <div class="form-group row mb-2 align-items-center" id="js-custom-amount-input" style="display: none;">
- <div class="col-md-12">
- <div class="input-group input-group-lg mb-3 custom-amount">
- <input type="number" class="form-control" id="customamount" name="custom_amount" aria-describedby="customamount-currency">
- <div class="input-group-append">
- <span class="input-group-text" id="customamount-currency">Kč</span>
+
+ {% if page.show_donate_form %}
+ <form id="js-donate-form" method="post">
+ {% csrf_token %}
+ <input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
+ {% if page.allow_periodic_donations %}
+ <div class="form-group row mb-2 align-items-center">
+ <legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
+ <div class="col-md-12">
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
+ <label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
+ </div>
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
+ <label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
+ </div>
+ </div>
+ </div>
+ {% else %}
+ <input type="hidden" name="periodicity" value="99999">
+ {% endif %}
+ <div class="form-group row mb-4 align-items-center">
+ <legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend>
+ <div class="col-md-12">
+ {% include "donate/form_amounts_snippet.html" %}
+ </div>
+ </div>
+ <div class="form-group row mb-2 align-items-center" id="js-custom-amount-input" style="display: none;">
+ <div class="col-md-12">
+ <div class="input-group input-group-lg mb-3 custom-amount">
+ <input type="number" class="form-control" id="customamount" name="custom_amount" aria-describedby="customamount-currency">
+ <div class="input-group-append">
+ <span class="input-group-text" id="customamount-currency">Kč</span>
+ </div>
</div>
</div>
+ </div>
+ <div class="form-group row mb-0 mt-4">
+ <div class="col-12">
+ <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
</div>
- </div>
- <div class="form-group row mb-0 mt-4">
- <div class="col-12">
- <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
</div>
- </div>
- </form>
- {% endif %}
+ </form>
+ {% endif %}
- </div><!-- /project-donate-form__right -->
- </div>
+ </div><!-- /project-donate-form__right -->
+ </div>
- <div class="article__sharing-box project__sharing-box-top">
- <div class="card-body">
- <div class="sharing-box__content">
- <div class="icon"><i class="icon-heart"></i></div>
- <div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
- </div>
- <div class="sharing-buttons">
- <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url|urlencode }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
- <a href="https://twitter.com/intent/tweet?text=Podpoř projekt {{ page.title|urlencode }}&url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
- <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
+ <div class="article__sharing-box project__sharing-box-top">
+ <div class="card-body">
+ <div class="sharing-box__content">
+ <div class="icon"><i class="icon-heart"></i></div>
+ <div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
+ </div>
+ <div class="sharing-buttons">
+ <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url|urlencode }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
+ <a href="https://twitter.com/intent/tweet?text=Podpoř projekt {{ page.title|urlencode }}&url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
+ <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
+ </div>
</div>
- </div>
- {#<div class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>#}
- </div><!-- /article__sharing-box -->
+ {#<div class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>#}
+ </div><!-- /article__sharing-box -->
+ </div>
</div><!-- /column -->
</div> <!-- /row -->
diff --git a/donate/templates/donate/donate_project_page_coalition.html b/donate/templates/donate/donate_project_page_coalition.html
index 367c7b516e7b0799a9dc0ee87eac393b66d2ead8..d8eb87d3688a7591a10f95878fb06a36ddced034 100644
--- a/donate/templates/donate/donate_project_page_coalition.html
+++ b/donate/templates/donate/donate_project_page_coalition.html
@@ -64,66 +64,68 @@
</div><!-- /column -->
<div class="col-12 col-lg-4 offset-xl-1 order-1 order-lg-2">
- <div class="project-donate-form mb-5">
-
- <div class="project-donate-form__left">
- <div class="project-donate-form__left-content">
- <h2 class="lead mb-0">Podpoř kampaň</h2>
- </div><!-- /project-donate-form__left-content -->
- </div><!-- /project-donate-form__left -->
-
- <div class="project-donate-form__right p-0">
-
- {% if page.show_donate_form %}
- <form id="js-donate-form" method="post">
- <div class="project-donate-form__right-inner">
- <h5>Zatím vybráno <strong>{{ page.get_donated_amount|intcomma }} Kč</strong></h5>
- {% csrf_token %}
- <input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
-
- {% if page.allow_periodic_donations %}
- <div class="form-group row mb-2 align-items-center">
- <legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
- <div class="col-md-12">
- <div class="custom-control custom-radio custom-control-inline">
- <input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
- <label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
- </div>
- <div class="custom-control custom-radio custom-control-inline">
- <input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
- <label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
+ <div class="sticky-top mb-5">
+ <div class="project-donate-form mb-5">
+
+ <div class="project-donate-form__left">
+ <div class="project-donate-form__left-content">
+ <h2 class="lead mb-0">Podpoř kampaň</h2>
+ </div><!-- /project-donate-form__left-content -->
+ </div><!-- /project-donate-form__left -->
+
+ <div class="project-donate-form__right p-0">
+
+ {% if page.show_donate_form %}
+ <form id="js-donate-form" method="post">
+ <div class="project-donate-form__right-inner">
+ <h5>Zatím vybráno <strong>{{ page.get_donated_amount|intcomma }} Kč</strong></h5>
+ {% csrf_token %}
+ <input type="hidden" name="portal_project_id" value="{{ page.portal_project_id }}">
+
+ {% if page.allow_periodic_donations %}
+ <div class="form-group row mb-2 align-items-center">
+ <legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
+ <div class="col-md-12">
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="periodicity1" name="periodicity" value="730" class="custom-control-input" checked>
+ <label class="custom-control-label col-form-label-lg" for="periodicity1">Měsíční</label>
+ </div>
+ <div class="custom-control custom-radio custom-control-inline">
+ <input type="radio" id="periodicity2" name="periodicity" value="99999" class="custom-control-input">
+ <label class="custom-control-label col-form-label-lg" for="periodicity2">Jednorázový</label>
+ </div>
</div>
</div>
+ {% else %}
+ <input type="hidden" name="periodicity" value="99999">
+ {% endif %}
+
+ <div class="form-group row mb-4 align-items-center">
+ <legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend>
+ <div class="col-md-12">
+ {% include "donate/form_amounts_snippet.html" %}
+ </div>
</div>
- {% else %}
- <input type="hidden" name="periodicity" value="99999">
- {% endif %}
-
- <div class="form-group row mb-4 align-items-center">
- <legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend>
- <div class="col-md-12">
- {% include "donate/form_amounts_snippet.html" %}
- </div>
- </div>
- <div class="form-group row mb-2 align-items-center" id="js-custom-amount-input" style="display: none;">
- <div class="col-md-12">
- <div class="input-group input-group-lg mb-3 custom-amount">
- <input type="number" class="form-control" id="customamount" name="custom_amount" aria-describedby="customamount-currency">
- <div class="input-group-append">
- <span class="input-group-text" id="customamount-currency">Kč</span>
+ <div class="form-group row mb-2 align-items-center" id="js-custom-amount-input" style="display: none;">
+ <div class="col-md-12">
+ <div class="input-group input-group-lg mb-3 custom-amount">
+ <input type="number" class="form-control" id="customamount" name="custom_amount" aria-describedby="customamount-currency">
+ <div class="input-group-append">
+ <span class="input-group-text" id="customamount-currency">Kč</span>
+ </div>
</div>
</div>
</div>
</div>
- </div>
- <div class="form-group row mb-0 mt-4">
- <div class="col-12">
- <button type="submit" class="btn btn-danger btn-lg w-100 coalition-btn">Darovat</button>
+ <div class="form-group row mb-0 mt-4">
+ <div class="col-12">
+ <button type="submit" class="btn btn-danger btn-lg w-100 coalition-btn">Darovat</button>
+ </div>
</div>
- </div>
- </form>
- {% endif %}
+ </form>
+ {% endif %}
+ </div>
</div>
</div><!-- /column -->