adjustments to control and stack saving

ui/src/styles.css

@@ -515,19 +515,46 @@ pre {
 
 .toolbar__group {
   display: grid;
+  grid-template-rows: auto auto auto;
+  align-content: start;
   gap: 0.5rem;
   min-width: 0;
 }
 
 .toolbar__inline {
-  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-columns: minmax(0, 1fr) 9.5rem;
   align-items: stretch;
   gap: 0.5rem;
 }
 
+.toolbar__inline input,
+.toolbar__inline select,
 .toolbar__inline button {
-  width: auto;
-  min-width: var(--button-min-width);
+  min-height: 3rem;
+}
+
+.toolbar__inline button {
+  width: 100%;
+  min-width: 9.5rem;
+}
+
+.stack-panel__save--overwrite {
+  background: #b42318;
+  border-color: #8f1d13;
+  color: #fff7f5;
+}
+
+.stack-panel__save--overwrite:hover:not(:disabled) {
+  background: #912018;
+}
+
+.toolbar__status {
+  min-height: 1.6rem;
+  margin: 0;
+}
+
+.toolbar__status--placeholder {
+  visibility: hidden;
 }
 
 .layer-stack {