@things-factory/integration-ui 8.0.0-beta.4 → 8.0.0-beta.6

package/client/viewparts/scenario-monitor.ts

@@ -94,9 +94,10 @@ export class ScenarioMonitor extends localize(i18next)(LitElement) {
       }
 
       [buttons] {
+        display: flex;
+        flex-direction: row-reverse;
         border-top: var(--border-dim-color);
         padding: var(--spacing-small) 0 0 0;
-        text-align: right;
       }
 
       [buttons] md-icon {
@@ -156,6 +157,10 @@ export class ScenarioMonitor extends localize(i18next)(LitElement) {
         background-color: rgba(255, 255, 255, 0.8);
       }
 
+      pre {
+        margin: var(--spacing-medium);
+      }
+
       @media screen and (max-width: 480px) {
         :host {
           margin: var(--spacing-small);
@@ -195,7 +200,7 @@ export class ScenarioMonitor extends localize(i18next)(LitElement) {
         </div>
         <div schedule>
           <md-icon .style="background-color: ${color};">schedule</md-icon>
-          <pre>${schedule}</pre>
+          <pre>${schedule}&nbsp;</pre>
         </div>
         ${this.renderButtons(scenario)}
       </div>