fix: Responsive issue in activity message (#2090)

2021-04-13 22:58:54 +05:30
parent 3e8c25b4a0
commit 997447364c
2 changed files with 9 additions and 6 deletions
--- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
@@ -230,6 +230,10 @@
    }
  }

+  &.center {
+    justify-content: center;
+  }
+
  .wrap {
    @include margin($zero $space-normal);
    max-width: 69%;
@@ -258,17 +262,12 @@
    margin: var(--space-small) var(--space-normal);
    padding: var(--space-small) var(--space-normal);

-    @include breakpoint(xlarge up) {
-      margin: var(--space-small) auto;
-    }
-
    .is-text {
      display: inline-block;
      text-align: start;

-      @include breakpoint(xlarge up) {
+      @include breakpoint(xxxlarge up) {
        display: flex;
-        text-align: center;
      }
    }
  }