diff --git a/src/components/room/widgets/furniture/FurnitureHighScoreView.tsx b/src/components/room/widgets/furniture/FurnitureHighScoreView.tsx index e8b3fa9..bf20b91 100644 --- a/src/components/room/widgets/furniture/FurnitureHighScoreView.tsx +++ b/src/components/room/widgets/furniture/FurnitureHighScoreView.tsx @@ -25,25 +25,25 @@ export const FurnitureHighScoreView: FC<{}> = props => - - + + { LocalizeText('high.score.display.users.header') } - + { LocalizeText('high.score.display.score.header') }
- + { stuffData.entries.map((entry, index) => { return ( - + { entry.users.join(', ') } - + { entry.score } diff --git a/src/components/room/widgets/furniture/FurnitureWidgets.scss b/src/components/room/widgets/furniture/FurnitureWidgets.scss index ef7195e..02afb4f 100644 --- a/src/components/room/widgets/furniture/FurnitureWidgets.scss +++ b/src/components/room/widgets/furniture/FurnitureWidgets.scss @@ -291,9 +291,37 @@ } .nitro-widget-high-score { - width: 250px; - max-width: 250px; - height: 200px; + width: 280px; + max-width: 280px; + height: 320px; + + border-radius: 0.3rem; + border: solid 1px #000; + + .header { + border-image-source: none !important; + background-color: #40403e; + border-radius: 0.3rem 0.3rem 0 0; + } + + .align-right { + text-align: right; + } + + .section-border { + border: solid 1px #8c8a88; + } + + .high-score-content { + height: 100%; + background-color: #000; + border-radius: 0.3rem; + } + + .score-footer { + color: #9a9896; + font-weight: bold; + } } .youtube-tv-widget {