Tweak dialog styles a bit

2022-08-28 19:07:14 -07:00
parent 3858441c89
commit 5869d99db1
2 changed files with 15 additions and 8 deletions
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -278,19 +278,14 @@ figure {

 .dialog {
    .message {
-        @include bordered-block;
-        display: block;
-        padding: 0.75rem;
        max-width: 0.8*$container-width;
        margin-top: 0.5rem;
        display: flex;
        flex-direction: row;
-        align-items: center;
-        text-align: left;

        .message-sender {
            width: 4rem;
-            margin: 0.5rem;
+            margin: 0.75rem;

            .feather {
                width: 2rem;
@@ -298,6 +293,12 @@ figure {
            }
        }

+        .message-text {
+            @include bordered-block;
+            display: block;
+            padding: 0.75rem;
+        }
+
        &.side-answer {
            margin-left: auto;
            flex-direction: row-reverse;