about summary refs log tree commit diff
path: root/components/Ranking
diff options
context:
space:
mode:
authorPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-11-28 09:31:23 +0100
committerPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-11-28 09:31:23 +0100
commitfbdce0b0a1cefb88c6bac247db04af25a43c284f (patch)
tree9f23e576bbb06531f3ffeb838d686b5e20cfd146 /components/Ranking
parente80cf987c1655024a3c6e9f175ae691a0f6fe5cc (diff)
downloadpuszcza-fbdce0b0a1cefb88c6bac247db04af25a43c284f.tar.gz
puszcza-fbdce0b0a1cefb88c6bac247db04af25a43c284f.zip
Fix ranking responsiveness
Diffstat (limited to 'components/Ranking')
-rw-r--r--components/Ranking/RankingEntry.vue2
-rw-r--r--components/Ranking/RankingFirstEntry.vue5
-rw-r--r--components/Ranking/RankingList.vue3
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>