diff --git a/donate/templates/donate/donate_info_page.html b/donate/templates/donate/donate_info_page.html
index b3267250ad999d1a98b301cb5a22390dd56aa42e..7e35657a9e8b1464f24af7245adb0bf2201d3967 100644
--- a/donate/templates/donate/donate_info_page.html
+++ b/donate/templates/donate/donate_info_page.html
@@ -89,21 +89,6 @@
</div><!-- /project-donate-form__right -->
</div>
- <div class="article__sharing-box">
- <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 class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>
- </div><!-- /article__sharing-box -->
-
</div><!-- /column -->
</div> <!-- /row -->
</div> <!-- /container -->
diff --git a/donate/templates/donate/donate_project_page.html b/donate/templates/donate/donate_project_page.html
index 1308c899537ba9ed6ede15ef4121ad8786ef371f..58304e323b0a43cd7d214946b94a9fbb0c2e5018 100644
--- a/donate/templates/donate/donate_project_page.html
+++ b/donate/templates/donate/donate_project_page.html
@@ -46,19 +46,6 @@
{{ page.body|richtext }}
- <div class="article__sharing-box project__sharing-box-bottom">
- <div class="card-body">
- <div class="sharing-box__content">
- <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={{ page.get_form_title_display }} {{ 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><!-- /article__sharing-box -->
-
</div><!-- /column -->
<div class="col-12 col-lg-4 offset-xl-1 order-1 order-lg-2">
@@ -138,21 +125,6 @@
</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={{ page.get_form_title_display }} {{ 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 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 -->
diff --git a/donate/templates/donate/donate_region_page.html b/donate/templates/donate/donate_region_page.html
index 57243946fd0db798ac074a79fb8cad805ef1dc81..20f7b4decc29eebcc733770789246a2912ac6d24 100644
--- a/donate/templates/donate/donate_region_page.html
+++ b/donate/templates/donate/donate_region_page.html
@@ -16,7 +16,7 @@
<div class="container">
<div class="row">
- <div class="col-12 col-lg-7 mb-5 mb-lg-0 richtext">
+ <div class="col-12 col-lg-7 mb-5 mb-lg-0 order-2 order-lg-1 richtext">
{{ page.body|richtext }}
{% if page.has_targeted_donations %}
@@ -26,73 +26,60 @@
{% endif %}
</div><!-- /column -->
- <div class="col-12 col-lg-5 col-xl-4 offset-xl-1"><!-- /column -->
- <div class="region-donate-form mb-4">
+ <div class="col-12 col-lg-5 col-xl-4 offset-xl-1 order-1 order-lg-2"><!-- /column -->
+ <div class="sticky-top mb-5">
+ <div class="project-donate-form mb-4">
- <div class="region-donate-form__left">
- <div class="region-donate-form__left-content">
- <h2 class="lead mb-0">Podpoř kraj</h2>
- </div><!-- /region-donate-form__left-content -->
- </div><!-- /region-donate-form__left -->
+ <div class="project-donate-form__left">
+ <div class="project-donate-form__left-content">
+ <h2 class="lead mb-0">Podpoř kraj</h2>
+ </div><!-- /project-donate-form__left-content -->
+ </div><!-- /project-donate-form__left -->
- <div class="region-donate-form__right">
- {% 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 }}">
- <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="project-donate-form__right">
+ {% 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 }}">
+ <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>
- </div>
- <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 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>
- <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 class="form-group row mb-0">
- <div class="col-12">
- <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
+ <div class="form-group row mb-0">
+ <div class="col-12">
+ <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
+ </div>
</div>
- </div>
- </form>
- {% endif %}
- </div><!-- /region-donate-form__right -->
- </div>
-
- <div class="article__sharing-box">
- <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={{ page.main_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>
+ </form>
+ {% endif %}
+ </div><!-- /project-donate-form__right -->
</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>
</div><!-- /column -->
</div> <!-- /row -->