diff --git a/styles/simple.css b/styles/simple.css index 6935a4a1..5b6b0073 100644 --- a/styles/simple.css +++ b/styles/simple.css @@ -326,7 +326,33 @@ table {border: 1px solid #7a7971;} .rdd.sheet .window-content .sheet-body {overflow-y: scroll;} .rdd.sheet .window-content .sheet-body .tab {padding-bottom: 30px;} .rdd.sheet .window-content .sheet-body .competence-list {width: 100%;} -.rdd.sheet .window-content .sheet-body .carac-list {width: 100%;} +.rdd.sheet .window-content .sheet-body .carac-list { + width: 100%; + flex-grow: 0; +} + +.rdd.sheet .window-content .sheet-body .carac-list .competence { + flex-wrap: nowrap; + justify-content: stretch; +} +.rdd.sheet .window-content .sheet-body .carac-list .competence > .carac-label { + flex-basis: 50%; +} +.rdd.sheet .window-content .sheet-body .carac-list .competence > .attribut-label { + flex-basis: 50%; +} +.rdd.sheet .window-content .sheet-body .carac-list .competence > .competence-value.total { + flex-grow: 1; + text-align: right; +} +.rdd.sheet .window-content .sheet-body .carac-list .competence > .utiliser-attribut { + flex-basis: available; + flex-grow: 1; +} +.rdd.sheet .window-content .sheet-body .carac-list .competence > * { + flex-basis: 13%; + flex-grow: 0; +} .editor { border: 2; diff --git a/templates/actor-sheet.html b/templates/actor-sheet.html index ac6b1180..13ec61e4 100644 --- a/templates/actor-sheet.html +++ b/templates/actor-sheet.html @@ -111,11 +111,13 @@ {{!-- Carac Tab --}}