pingu_98/cara
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style layout customization closes #173

Browse source
This commit is contained in:
Luis Aleixo 2021-07-08 09:06:33 +02:00
parent fac63cf4c0
commit 6c4b528d8f
2 changed files with 15 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
cara/apps/calculator/static/css/report.css
View file

@ -69,27 +69,19 @@ p.notes {
text-decoration: none;
}
.warning_image_png {
margin-bottom: 1rem;
padding-left: 30px;
border-radius: .25rem
}
.warning_text {
height:fit-content;
align-self: flex-end;
margin-left: 5%
}
/* Flexbox layouts */
.flex {
display: flex;
}
.flex_space_between {
display: flex;
justify-content: space-between;
}
.flex_flex_start {
display: flex;
justify-content: flex-start;
}
.flex_direction_column {
display: flex;
flex-direction: column;
}
.flex_direction_row {
display: flex;
flex-direction: row;
}

6
cara/apps/calculator/templates/base/calculator.report.html.j2
View file

@ -215,9 +215,9 @@
{% if (prob_inf > 5) %}
<div class="flex">
<img class="alert" src="{{ calculator_prefix }}{{ scale_warning.display_png}}" style="padding-top: 0; padding-bottom: 0; padding-left: 2%">
<div class="alert alert-dark" role="alert" style="width: 50%; margin-left: 10%">
<div class="flex" style="width:60%">
<img class="warning_image_png" src="{{ calculator_prefix }}{{ scale_warning.display_png}}">
<div class="alert alert-dark warning_text" role="alert">
{{scale_warning.display_text}}
</div>
</div>