diff options
author | Christoph Wurst <christoph@winzerhof-wurst.at> | 2022-09-08 19:39:01 +0300 |
---|---|---|
committer | Christoph Wurst <christoph@winzerhof-wurst.at> | 2022-09-08 19:39:01 +0300 |
commit | 21205bd31267c8d4bef6cff8632e3269df25b710 (patch) | |
tree | 7da67946cad2a1ae4169ec656df384350d5e107e | |
parent | 293edc7eee21614b27a051653fc1fe9aec5568b9 (diff) |
Fine-tune padding of composer elementsenhancement/fine-tune-composer-element-paddings
Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
-rw-r--r-- | src/components/Composer.vue | 45 |
1 files changed, 21 insertions, 24 deletions
diff --git a/src/components/Composer.vue b/src/components/Composer.vue index c9e07ba08..6d8c847d3 100644 --- a/src/components/Composer.vue +++ b/src/components/Composer.vue @@ -1334,13 +1334,27 @@ export default { .multiselect { margin-right: 12px; } -} -.subject { - font-size: 20px; - font-weight: bold; - margin: 0; - padding: 24px 20px; + .subject { + font-weight: bold; + margin: 3px 0 !important; + padding: 0 12px !important; + } + + .message-body { + height: 100%; + width: 100%; + margin: 0; + border: none !important; + outline: none !important; + box-shadow: none !important; + padding: 12px; + + // Fix contenteditable not becoming focused upon clichint within it's + // boundaries in safari + -webkit-user-select: text; + user-select: text; + } } .warning-box { @@ -1354,23 +1368,6 @@ export default { min-height: 0; } -.message-body { - height: 100%; - width: 100%; - margin: 0; - border: none !important; - outline: none !important; - box-shadow: none !important; - padding-top: 12px; - padding-bottom: 12px; - padding-left: 20px; - - // Fix contenteditable not becoming focused upon clichint within it's - // boundaries in safari - -webkit-user-select: text; - user-select: text; -} - .draft-status { padding: 2px; opacity: 0.5; @@ -1468,7 +1465,7 @@ export default { .composer-actions--secondary-actions { display: flex; flex-direction: row; - padding: 5px; + padding: 12px; } .composer-actions--primary-actions .button { padding: 2px; |