diff --git a/src/App.scss b/src/App.scss index bed67a1f..678c4410 100644 --- a/src/App.scss +++ b/src/App.scss @@ -166,6 +166,7 @@ nav { --miniColumn: 25em; --maxiColumn: minmax(var(--miniColumn), 45em); --columnGap: 1em; + --status-margin: 0.75em; position: relative; display: grid; diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index ccc523a2..04078cf4 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -270,5 +270,8 @@ border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius); border-bottom: 1px solid var(--border, $fallback--border); } + &.-expanded { + margin: calc(var(--status-margin, $status-margin) / 2); + } }