diff --git a/src/components/SceneryView/SceneryTopList.vue b/src/components/SceneryView/SceneryTopList.vue
index cce03ec..97de9e1 100644
--- a/src/components/SceneryView/SceneryTopList.vue
+++ b/src/components/SceneryView/SceneryTopList.vue
@@ -28,23 +28,18 @@
Ups, coś poszło nie tak...
-
- {{
- value.dispatcherName
- }}
- -
- {{
- value.count
- }}
+
+ -
+ {{ i + 1 }}. miejsce - {{ value.dispatcherName }} -
+ {{ value.sumRate }} łapek
+
-
- {{
- value.dispatcherName
- }}
- -
- {{
- value.sumRate
- }}
+
+
+ -
+ {{ i + 1 }}. miejsce - {{ value.dispatcherName }} -
+ {{ value.count }} dyżurów
+
@@ -156,10 +151,8 @@ async function fetchTopDispatchersList() {
.scenery-top-list {
display: grid;
grid-template-rows: auto auto 1fr;
-}
-
-.header {
- margin-bottom: 0.5em;
+ overflow: hidden;
+ gap: 1em;
}
.top-actions {
@@ -180,4 +173,23 @@ async function fetchTopDispatchersList() {
font-weight: bold;
}
}
+
+.rating-list-wrapper {
+ overflow: auto;
+}
+
+.rating-list-wrapper > ul > li {
+ padding: 0.5em;
+ margin: 1em 0.5em;
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ background-color: #2b2b2b;
+}
diff --git a/src/views/SceneryView.vue b/src/views/SceneryView.vue
index 60ddb63..e3877e6 100644
--- a/src/views/SceneryView.vue
+++ b/src/views/SceneryView.vue
@@ -189,7 +189,7 @@ function setViewMode(componentName: string) {
background-color: #181818;
border-radius: 0.5em;
- padding: 0.5em;
+ padding: 1em;
}
.scenery-left {