Improve some css for mobile

This commit is contained in:
Stefan Wehrmeyer 2022-03-17 11:32:43 +01:00
parent 14d7f2b249
commit 7741b7d871

View file

@ -53,7 +53,7 @@
{% endfor %} {% endfor %}
</ul> </ul>
<div class="ml-auto"> <div class="ml-auto mt-2 mt-md-0">
{% show_follow "govplan" object %} {% show_follow "govplan" object %}
</div> </div>
</div> </div>
@ -160,14 +160,14 @@
<div class="row"> <div class="row">
{% for update in updates %} {% for update in updates %}
<div class="col col-12 col-lg-6 d-flex" id="update-{{ update.pk }}"> <div class="col col-12 col-lg-6 d-flex mb-3" id="update-{{ update.pk }}">
<div class="box-card border-blue shadow-blue"> <div class="box-card border-blue shadow-blue">
<div> <div>
<a href="#update-{{ update.pk }}" class="text-body text-decoration-none"> <a href="#update-{{ update.pk }}" class="text-body text-decoration-none">
<div class="box-card-header bg-blue-20 d-flex justify-content-center p-3 p-md-4 tight-margin flex-column"> <div class="box-card-header bg-blue-20 d-flex justify-content-center p-3 p-md-4 tight-margin flex-column">
<h3 class="h4">{{ update.title }}</h3> <h3 class="h4">{{ update.title }}</h3>
<div class="d-md-flex"> <div class="d-md-flex small">
<time>{{ update.timestamp|date:"DATE_FORMAT" }}</time> <time datetime="{{ update.timestamp|date:'c' }}">{{ update.timestamp|date:"DATE_FORMAT" }}</time>
<p class="m-0 ml-auto">{% if update.user %}von {{ update.user.get_full_name }}{% endif %}{% if update.organization %}, {{ update.organization.name }}{% endif %}</p> <p class="m-0 ml-auto">{% if update.user %}von {{ update.user.get_full_name }}{% endif %}{% if update.organization %}, {{ update.organization.name }}{% endif %}</p>
</div> </div>
</div> </div>
@ -179,7 +179,7 @@
{% endif %} {% endif %}
</div> </div>
{% if update.url or update.foirequest %} {% if update.url or update.foirequest %}
<div class="p-3 p-md-4 box-card-links"> <div class="p-3 p-md-4 {% if update.content %}box-card-links{% else %}d-flex mt-auto{% endif %}">
{% if update.url %} {% if update.url %}
<a href="{{ update.url }}" class="action-link mr-3">→ Mehr auf {{ update.get_url_domain }} lesen…</a> <a href="{{ update.url }}" class="action-link mr-3">→ Mehr auf {{ update.get_url_domain }} lesen…</a>
{% endif %} {% endif %}