fix alignments & spacing issue

This commit is contained in:
Julien Constant 2023-03-04 15:12:11 +01:00
parent cbd88d3659
commit d1fca48f7a
No known key found for this signature in database
GPG Key ID: 816E7C070117E5B7
4 changed files with 40 additions and 23 deletions

View File

@ -1,9 +1,17 @@
@media (max-width: 750px) {
.title {
text-align: center;
}
}
.profile { .profile {
&-visible { &-visible {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 5px; gap: 5px;
padding-top: 10px;
>input[type="checkbox"] { >input[type="checkbox"] {
cursor: pointer; cursor: pointer;
@ -39,6 +47,7 @@
@media (max-width: 750px) { @media (max-width: 750px) {
max-width: 100%; max-width: 100%;
padding: 10px 10px 0;
} }
&-display { &-display {
@ -86,16 +95,12 @@
} }
&-fields { &-fields {
padding: 20px 0; padding: 10px 10px 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
gap: 10px; gap: 10px;
justify-content: center; justify-content: center;
@media (max-width: 750px) {
gap: 20px;
}
} }
&-field { &-field {

View File

@ -1,3 +1,10 @@
.container {
padding: 10px;
display: flex;
flex-direction: column;
gap: 10px;
}
.row { .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -8,6 +15,7 @@
gap: 30px; gap: 30px;
@media (max-width: 535px) { @media (max-width: 535px) {
gap: 20px;
>div, >div,
>div>.flexed { >div>.flexed {

View File

@ -10,7 +10,7 @@
{%- endblock -%} {%- endblock -%}
{%- block content -%} {%- block content -%}
<h2>{%- trans -%}Edit user profile{%- endtrans -%}</h2> <h2 class="title">{%- trans -%}Edit user profile{%- endtrans -%}</h2>
<form action="" method="post" enctype="multipart/form-data" id="user_edit"> <form action="" method="post" enctype="multipart/form-data" id="user_edit">
{%- csrf_token -%} {%- csrf_token -%}

View File

@ -10,6 +10,7 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="container">
<div class="row"> <div class="row">
{% if profile.permanencies %} {% if profile.permanencies %}
<div> <div>
@ -35,21 +36,24 @@
</div> </div>
</div> </div>
<h3>{% trans %}Product top 10{% endtrans %}</h3> <div>
<table> <h3>{% trans %}Product top 10{% endtrans %}</h3>
<thead> <table>
<tr> <thead>
<td>{% trans %}Product{% endtrans %}</td> <tr>
<td>{% trans %}Quantity{% endtrans %}</td> <td>{% trans %}Product{% endtrans %}</td>
</tr> <td>{% trans %}Quantity{% endtrans %}</td>
</thead> </tr>
<tbody> </thead>
{% for p in top_product %} <tbody>
<tr> {% for p in top_product %}
<td>{{ p['product__name'] }}</td> <tr>
<td>{{ p['product_sum'] }}</td> <td>{{ p['product__name'] }}</td>
</tr> <td>{{ p['product_sum'] }}</td>
{% endfor %} </tr>
</tbody> {% endfor %}
</table> </tbody>
</table>
</div>
</div>
{% endblock %} {% endblock %}