From 5995a27ced87200c60b208a5549e6b4a6c608831 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Thu, 21 May 2020 16:52:36 +0100
Subject: [PATCH] Iterate paddings

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 res/css/structures/_ToastContainer.scss | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/res/css/structures/_ToastContainer.scss b/res/css/structures/_ToastContainer.scss
index d39d6cdfe8..464eaf488d 100644
--- a/res/css/structures/_ToastContainer.scss
+++ b/res/css/structures/_ToastContainer.scss
@@ -46,7 +46,6 @@ limitations under the License.
         column-gap: 10px;
         row-gap: 4px;
         padding: 8px;
-        padding-right: 16px;
 
         &.mx_Toast_hasIcon {
             &::after {
@@ -68,12 +67,27 @@ limitations under the License.
                 background-image: url("$(res)/img/e2e/warning.svg");
             }
 
-            h2, .mx_Toast_body {
+            .mx_Toast_title, .mx_Toast_body {
                 grid-column: 2;
             }
         }
+        &:not(.mx_Toast_hasIcon) {
+            padding-left: 12px;
+
+            .mx_Toast_title {
+                grid-column: 1 / -1;
+            }
+        }
+
+        .mx_Toast_title,
+        .mx_Toast_description {
+            padding-right: 8px;
+        }
 
         .mx_Toast_title {
+            width: 100%;
+            box-sizing: border-box;
+
             h2 {
                 grid-column: 1 / 3;
                 grid-row: 1;