diff --git a/fiches/static/fiches/css/annuaire.css b/fiches/static/fiches/css/annuaire.css index 6ae7e9d..a388dbc 100644 --- a/fiches/static/fiches/css/annuaire.css +++ b/fiches/static/fiches/css/annuaire.css @@ -367,16 +367,23 @@ body { } #content-view-profile .infos > *.multi-entry ul.value li { padding: 0; + display: grid; + grid-template-areas: "type value"; } #content-view-profile .infos > *.multi-entry ul.value li .type { display: inline-block; margin: 0 1em 0 0; color: #DFDFDF; font-style: italic; + grid-area: type; } #content-view-profile .infos > *.multi-entry ul.value li .value { display: inline-block; - float: right; + grid-area: value; + text-align: right; +} +#content-view-profile .infos > *.multi-entry ul.value li:not(:last-child) { + margin-bottom: 10px; } #content-view-profile .free-text { grid-area: free-text; @@ -498,6 +505,7 @@ body { #content-edit-profile #free-text-edit-form textarea { width: 100%; padding: 5px; + resize: none; } #content-edit-profile #photo-edit-form .current-photo { margin: 0 0 20px 0; diff --git a/fiches/static/fiches/scss/_content.scss b/fiches/static/fiches/scss/_content.scss index 4bb19d6..e80c8b6 100644 --- a/fiches/static/fiches/scss/_content.scss +++ b/fiches/static/fiches/scss/_content.scss @@ -151,19 +151,29 @@ li { padding: 0; + display: grid; + grid-template-areas: "type value"; .type { display: inline-block; margin: 0 1em 0 0; color: colors.$page-text-secondary; font-style: italic; + grid-area: type; } .value { display: inline-block; - float: right; + grid-area: value; + text-align: right; } + + &:not(:last-child) { + margin-bottom: 10px; + } + } + } } } @@ -329,6 +339,7 @@ textarea { width: 100%; padding: 5px; + resize: none; } }