diff --git a/style.css b/style.css index 1e6a2ff..417af22 100644 --- a/style.css +++ b/style.css @@ -478,6 +478,7 @@ margin-bottom: 1rem; } + .form-label { display: block; font-size: 0.85rem; diff --git a/tree.css b/tree.css deleted file mode 100644 index 39d8913..0000000 --- a/tree.css +++ /dev/null @@ -1,65 +0,0 @@ -/* --- GLOBAL TREE LAYOUT --- */ -.tree-grid { - /* Override previous grid styles */ - display: flex !important; - flex-direction: row !important; - align-items: flex-start !important; - justify-content: center !important; - gap: 4rem !important; - padding-top: 2rem; - transform-origin: top center; -} - -.node-container { - display: flex; - flex-direction: column; - align-items: center; - margin: 0 1rem; - position: relative; - z-index: 1; -} - -.couple-wrapper { - display: flex; - gap: 1rem; - margin-bottom: 2rem; - position: relative; - z-index: 2; -} - -.children-container { - display: flex; - flex-direction: row; - justify-content: center; - gap: 1rem; - position: relative; -} - -/* Connector Lines (SVG) */ -#tree-svg { - overflow: visible; -} - -path.connector { - fill: none; - stroke: #cbd5e1; - stroke-width: 2px; - stroke-linecap: round; - transition: stroke 0.3s; -} - -path.connector:hover { - stroke: var(--color-primary); - stroke-width: 3px; -} - -/* Adjust Card for Tree */ -.card { - width: 180px; /* Slightly smaller */ - min-height: 110px; - font-size: 0.9rem; -} - -.card-avatar { - font-size: 1.5rem; -}