diff options
-rw-r--r-- | components/Ranking/RankingEntry.vue | 2 | ||||
-rw-r--r-- | components/Ranking/RankingFirstEntry.vue | 5 | ||||
-rw-r--r-- | components/Ranking/RankingList.vue | 3 |
3 files changed, 6 insertions, 4 deletions
diff --git a/components/Ranking/RankingEntry.vue b/components/Ranking/RankingEntry.vue index e10cf8d..79746eb 100644 --- a/components/Ranking/RankingEntry.vue +++ b/components/Ranking/RankingEntry.vue @@ -23,7 +23,7 @@ export default { <style scoped> .ranking-entry { - width: 100%; + min-width: 200px; list-style: none; margin: 5px; diff --git a/components/Ranking/RankingFirstEntry.vue b/components/Ranking/RankingFirstEntry.vue index b7142ae..c603424 100644 --- a/components/Ranking/RankingFirstEntry.vue +++ b/components/Ranking/RankingFirstEntry.vue @@ -26,13 +26,14 @@ export default { .ranking-first-entry { list-style: none; padding: 10px 20px; - display: grid; + width: 100%; - width: 150%; + display: grid; grid-template-columns: 15% 60% 25%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); font-size: 26px; + font-weight: 600; } .crown { diff --git a/components/Ranking/RankingList.vue b/components/Ranking/RankingList.vue index 68fdb16..ce700ab 100644 --- a/components/Ranking/RankingList.vue +++ b/components/Ranking/RankingList.vue @@ -51,6 +51,7 @@ export default { padding-inline-start: 0; width: 100%; - max-width: 200px; + max-width: 300px; + margin: 10px; } </style> |