diff --git a/src/components/Graphs/Graph.module.css b/src/components/Graphs/Graph.module.css index bab70a86..15a3d0e9 100644 --- a/src/components/Graphs/Graph.module.css +++ b/src/components/Graphs/Graph.module.css @@ -2,7 +2,7 @@ display: flex; height: 600px; border: 1px solid var(--sapList_BorderColor, #ddd); - border-radius: 8px; + border-radius: 16px; overflow: hidden; background-color: var(--sapBackgroundColor, #fafafa); font-family: var(--sapFontFamily); @@ -20,6 +20,7 @@ gap: 1rem; align-items: center; color: var(--sapTextColor, #222); + font-size: var(--sapFontSize); } .graphToolbar { diff --git a/src/components/Graphs/Legend.module.css b/src/components/Graphs/Legend.module.css index 73efd11a..bcc02f5b 100644 --- a/src/components/Graphs/Legend.module.css +++ b/src/components/Graphs/Legend.module.css @@ -1,6 +1,6 @@ .legendContainer { padding: 1rem; - min-width: 240px; + min-width: 220px; max-width: 300px; max-height: 280px; border: 1px solid var(--sapList_BorderColor, #ccc); @@ -11,6 +11,7 @@ overflow: auto; align-self: flex-start; color: var(--sapTextColor, #222); + font-size: var(--sapFontSize); } .legendTitle { @@ -21,10 +22,13 @@ .legendRow { display: flex; align-items: center; - margin-bottom: 8px; color: var(--sapTextColor, #222); } +.legendRow:not(:last-child) { + margin-bottom: 8px; +} + .legendColorBox { width: 16px; height: 16px;