bleh

Styles/Style.css

@@ -1884,3 +1884,129 @@ input, button, textarea, select {
         width: 100%;
     }
 }
+
+.AdminDurationInputs {
+    display: grid;
+    grid-template-columns: repeat( 3, minmax(0, 1fr) );
+    gap: 0.5rem;
+}
+
+.AdminDurationInputs label {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    min-width: 0;
+}
+
+.AdminDurationInputs label > span {
+    color: var(--Overlay2);
+    font-size: 0.9rem;
+}
+
+.AdminPlantEconomyPreview {
+    margin-top: 1rem;
+}
+
+.AdminPlantEconomyPreview h3 {
+    margin-bottom: 0.5rem;
+    color: var(--Peach);
+}
+
+.AdminPlantEconomyPreview dl {
+    display: grid;
+    grid-template-columns: repeat( 3, minmax(0, 1fr) );
+    gap: 0.65rem 1rem;
+    margin: 0;
+}
+
+.AdminPlantEconomyPreview dl > div {
+    min-width: 0;
+}
+
+.AdminPlantEconomyPreview dt {
+    color: var(--Overlay2);
+}
+
+.AdminPlantEconomyPreview dd {
+    margin: 0.15rem 0 0;
+    overflow-wrap: anywhere;
+}
+
+.AdminPlantEconomySource {
+    grid-column: span 2;
+}
+
+.AdminPlantImagesSection {
+    margin-top: 1.5rem;
+    padding-top: 1rem;
+    border-top: 3px solid var(--Surface2);
+}
+
+.AdminPlantImagesSection h2 {
+    margin-bottom: 0.5rem;
+    font-size: 1.4rem;
+}
+
+.AdminPlantImageUpload {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.75rem;
+    align-items: center;
+    margin-top: 0.75rem;
+}
+
+.AdminPlantImageUpload input[type="file"] {
+    flex: 1 1 18rem;
+}
+
+.AdminPlantImageNote {
+    color: var(--Overlay2);
+}
+
+.AdminPlantImageList {
+    display: grid;
+    gap: 0.65rem;
+    margin-top: 0.75rem;
+}
+
+.AdminPlantImageRow {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    gap: 0.75rem;
+    align-items: center;
+    padding: 0.65rem;
+    border: 3px solid var(--Surface1);
+}
+
+.AdminPlantImagePreview {
+    display: flex;
+    width: 4rem;
+    height: 4rem;
+    align-items: center;
+    justify-content: center;
+}
+
+.AdminPlantImageRemoveButton {
+    --ActionAccent: var(--Red);
+    width: auto;
+}
+
+@media (max-width: 700px) {
+    .AdminDurationInputs,
+    .AdminPlantEconomyPreview dl {
+        grid-template-columns: 1fr;
+    }
+
+    .AdminPlantEconomySource {
+        grid-column: auto;
+    }
+
+    .AdminPlantImageRow {
+        grid-template-columns: auto minmax(0, 1fr);
+    }
+
+    .AdminPlantImageRemoveButton {
+        grid-column: 1 / -1;
+        width: 100%;
+    }
+}