banner household, new responsive design

This commit is contained in:
2021-07-30 15:39:22 +02:00
parent 7e4afc826b
commit e8e4dbef1f
5 changed files with 86 additions and 70 deletions

View File

@@ -114,6 +114,7 @@ div#header-accompanying_course-details {
div#header-household-name {
background: none repeat scroll 0 0 #929d69; //#b97a7a;
color: #FFF;
h1 {
margin: 0.4em 0;
}
@@ -136,6 +137,28 @@ div#header-household-details {
}
}
div.household-members {
display: flex;
flex-direction: row;
flex-wrap: wrap;
//justify-content: flex-end;
span.badge-member {
flex-shrink: 0; flex-grow: 0; flex-basis: auto;
border: 1px solid #ffffff3b;
color: #ffffff;
padding: 0.4em 0.8em;
margin-bottom: 0.2em;
margin-right: 0.3em;
border-radius: 8px;
&.holder {
order: -1;
}
&.child {
order: 2;
}
}
}
/*
* ADDRESS HISTORY
* context person / household