import scaffoldings

ui/src/scss/_alert.scss

@@ -94,14 +94,14 @@
     }
 }
 
-// toast alerts
 .toasts-wrapper {
     position: fixed;
     z-index: 999999;
     bottom: 0;
     left: 0;
+    right: 0;
     padding: 0 var(--smSpacing);
-    width: 100%;
+    width: auto;
     display: block;
     text-align: center;
     pointer-events: none;
@@ -112,4 +112,10 @@
         margin: var(--baseSpacing) auto;
         @include shadowize();
     }
+    .app-sidebar ~ .app-body & {
+        left: var(--appSidebarWidth);
+    }
+    .app-sidebar ~ .app-body .page-sidebar ~ & {
+        left: calc(var(--appSidebarWidth) + var(--pageSidebarWidth));
+    }
 }

ui/src/scss/_base.scss

@@ -63,6 +63,16 @@ em {
     font-style: italic;
 }
 
+ins {
+    background: var(--successAltColor);
+    text-decoration: none;
+}
+
+del {
+    background: var(--dangerAltColor);
+    text-decoration: none;
+}
+
 strong {
     font-weight: 600;
 }

ui/src/scss/_form.scss

@@ -53,6 +53,7 @@ button {
         height: 100%;
         pointer-events: none;
         user-select: none;
+        backface-visibility: hidden;
         background: var(--primaryColor);
         transition: filter var(--baseAnimationSpeed),
                     opacity var(--baseAnimationSpeed),
@@ -483,13 +484,13 @@ select {
         line-height: var(--smLineHeight);
         color: var(--txtHintColor);
     }
+    .help-block-error {
+        color: var(--dangerColor);
+    }
 
     // states
     &.error,
     &.invalid {
-        .help-block-error {
-            color: var(--dangerColor);
-        }
         > label {
             color: var(--dangerColor);
         }