diff --git a/app/javascript/flavours/glitch/styles/components/doodle.scss b/app/javascript/flavours/glitch/styles/components/doodle.scss index 52c7cd54a..965a2b6d8 100644 --- a/app/javascript/flavours/glitch/styles/components/doodle.scss +++ b/app/javascript/flavours/glitch/styles/components/doodle.scss @@ -10,6 +10,8 @@ $doodle-background: #d9e1e8; background: $doodle-background; text-align: center; line-height: 0; // remove weird gap under canvas + overflow: auto; + canvas { border: 5px solid $doodle-background; } @@ -18,6 +20,9 @@ $doodle-background: #d9e1e8; .doodle-modal__action-bar { @extend .boost-modal__action-bar; + flex-wrap: wrap; + flex: 0 0 auto; + .filler { flex-grow: 1; margin: 0;