Move species image to right of header (flex layout)

2026-03-15 15:21:35 +01:00
parent 1cba5a9eaf
commit 5155d930b7
2 changed files with 41 additions and 25 deletions
@@ -1165,15 +1165,28 @@ td.placeholder {
    color: #e65100;
 }

+/* Species header: title left, image right */
+
+.species-header {
+    display: flex;
+    align-items: flex-start;
+    gap: 2rem;
+    margin-bottom: 1rem;
+}
+
+.species-header-text {
+    flex: 1;
+}
+
 /* Species / cultivar images */

 .species-image-wrap {
-    margin: 1rem 0 0.5rem;
+    flex-shrink: 0;
 }

 .species-image {
-    max-width: 360px;
-    max-height: 320px;
+    max-width: 280px;
+    max-height: 260px;
    width: auto;
    height: auto;
    border-radius: var(--radius);