diff --git a/src/pages/stock/Stock.css b/src/pages/stock/Stock.css index ef70c0f..d2fc6eb 100644 --- a/src/pages/stock/Stock.css +++ b/src/pages/stock/Stock.css @@ -539,4 +539,56 @@ .stock-panel { padding: 16px; } + + .stock-card { + padding: 16px; + } + + .stock-status > div { + gap: 8px; + } + + .stock-status strong { + font-size: 14px; + word-break: break-word; + } + + .stock-balance__summary { + grid-template-columns: 1fr; + } + + .stock-holdings__item { + grid-template-columns: minmax(0, 1fr); + gap: 12px; + align-items: start; + } + + .stock-holdings__name { + font-size: 15px; + } + + .stock-holdings__metric { + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); + align-items: center; + justify-items: start; + } + + .stock-holdings__metric span { + font-size: 12px; + } + + .stock-holdings__metric strong { + font-size: 15px; + word-break: break-word; + } +} + +@media (max-width: 520px) { + .stock-holdings__metric { + grid-template-columns: minmax(0, 1fr); + } + + .stock-holdings__metric strong { + font-size: 14px; + } }