v0.14.11

web/styles.css

@@ -450,6 +450,15 @@ h3 {
   font-size: 21px;
 }
 
+.ui-icon {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  flex: 0 0 auto;
+  vertical-align: -0.125em;
+  pointer-events: none;
+}
+
 .power-icon {
   display: block;
   width: 1em;
@@ -3516,28 +3525,24 @@ button.outside-pill:focus-visible {
   opacity: .7
 }
 
-.category-device .log-category:before {
-  content: '▣ '
+.log-category {
+  display: inline-flex;
+  align-items: center;
+  gap: .32rem;
 }
 
-.category-zone .log-category:before {
-  content: '◎ '
+.log-category .ui-icon {
+  width: 1rem;
+  height: 1rem;
 }
 
-.category-automation .log-category:before {
-  content: '⚙ '
+.flow-fit-button-icon {
+  display: none;
 }
 
-.category-integration .log-category:before {
-  content: '↔ '
-}
-
-.category-settings .log-category:before {
-  content: '☷ '
-}
-
-.category-system .log-category:before {
-  content: '• '
+.flow-fit-button .ui-icon {
+  width: 18px;
+  height: 18px;
 }
 
 @media(max-width:720px) {
@@ -8149,12 +8154,6 @@ button {
     font-size: 0;
   }
 
-  .flow-fit-button::before {
-    content: "⊡";
-    font-size: 17px;
-    line-height: 1;
-  }
-
   .flow-palette {
     display: none !important;
   }
@@ -9239,12 +9238,6 @@ body.flow-editor-open {
     overflow: hidden;
     font-size: 0;
   }
-
-  .flow-fit-button::before {
-    content: "⊡";
-    font-size: 17px;
-    line-height: 1;
-  }
 }
 
 #controlPlan .plan-card {
@@ -9321,13 +9314,6 @@ body.flow-editor-open {
     font-size: 0 !important;
     line-height: 1;
   }
-
-  .flow-fit-button::before {
-    content: "⤢";
-    display: block;
-    font-size: 18px;
-    line-height: 1;
-  }
 }
 
 @media (orientation: landscape) and (max-height: 700px) {
@@ -9370,13 +9356,6 @@ body.flow-editor-open {
     font-size: 0 !important;
     line-height: 1;
   }
-
-  .flow-fit-button::before {
-    content: "⤢";
-    display: block;
-    font-size: 18px;
-    line-height: 1;
-  }
 }
 
 @media (orientation: landscape) and (max-height: 700px) and (min-width: 500px) {
@@ -9906,3 +9885,12 @@ select.select-native-proxy[aria-invalid="true"] + .custom-select .custom-select-
     max-width: calc(100vw - 16px);
   }
 }
+
+@media (max-width: 900px), (orientation: landscape) and (max-height: 700px) {
+  .flow-fit-button-icon { display: inline-grid; place-items: center; }
+  .flow-fit-button-label { display: none; }
+}
+@media (orientation: landscape) and (max-height: 700px) and (min-width: 500px) {
+  .flow-fit-button-icon { display: none; }
+  .flow-fit-button-label { display: inline; }
+}