From 82cd395bf7deb8f1df95be5a0bb3f59d0b1108e1 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Mon, 21 Oct 2019 20:06:48 +0200
Subject: Add Facebook components

---
 components/Facebook/FacebookFindUsButton.vue | 35 ++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 components/Facebook/FacebookFindUsButton.vue

(limited to 'components/Facebook/FacebookFindUsButton.vue')

diff --git a/components/Facebook/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue
new file mode 100644
index 0000000..9a27c11
--- /dev/null
+++ b/components/Facebook/FacebookFindUsButton.vue
@@ -0,0 +1,35 @@
+<template>
+  <a href="https://facebook.com/19pdhpuszcza" target="_blank" rel="noopener">
+    <div class="button">
+      <img class="image" src="/assets/social/find_us_fb.png" alt="Find us on Facebook" />
+    </div>
+  </a>
+</template>
+
+<style scoped>
+.button {
+  border: 2px solid #c4c4c4;
+  border-radius: 4px;
+
+  padding: 15px 40px;
+  margin: 10px;
+}
+
+.button:hover {
+  background-color: #efefef;
+}
+
+.image {
+  width: 200px;
+}
+
+@media (max-width: 500px) {
+  a {
+    width: 100%;
+  }
+
+  .image {
+    width: 150px;
+  }
+}
+</style>
\ No newline at end of file
-- 
cgit 1.4.1


From 64b16669dcab8c0c29c377d12ff6b996b5caa0d3 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Tue, 3 Dec 2019 12:13:26 +0100
Subject: Fix FindUsButton margin

---
 components/Facebook/FacebookFindUsButton.vue | 29 +++++++++++++++++++---------
 1 file changed, 20 insertions(+), 9 deletions(-)

(limited to 'components/Facebook/FacebookFindUsButton.vue')

diff --git a/components/Facebook/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue
index 9a27c11..05aa9f6 100644
--- a/components/Facebook/FacebookFindUsButton.vue
+++ b/components/Facebook/FacebookFindUsButton.vue
@@ -1,24 +1,35 @@
 <template>
-  <a href="https://facebook.com/19pdhpuszcza" target="_blank" rel="noopener">
-    <div class="button">
-      <img class="image" src="/assets/social/find_us_fb.png" alt="Find us on Facebook" />
+  <a
+    class="button"
+    href="https://facebook.com/19pdhpuszcza"
+    target="_blank"
+    rel="noopener"
+  >
+    <div class="button-container">
+      <img
+        class="image"
+        src="/assets/social/find_us_fb.png"
+        alt="Find us on Facebook"
+      />
     </div>
   </a>
 </template>
 
 <style scoped>
 .button {
-  border: 2px solid #c4c4c4;
-  border-radius: 4px;
-
-  padding: 15px 40px;
   margin: 10px;
 }
 
-.button:hover {
+.button:hover .button-container {
   background-color: #efefef;
 }
 
+.button-container {
+  border: 2px solid #c4c4c4;
+  border-radius: 4px;
+  padding: 15px 40px;
+}
+
 .image {
   width: 200px;
 }
@@ -32,4 +43,4 @@
     width: 150px;
   }
 }
-</style>
\ No newline at end of file
+</style>
-- 
cgit 1.4.1


From 440afcb2f5b13982ea93b3fcb8854cdb61722442 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Wed, 4 Dec 2019 08:28:38 +0100
Subject: Fix storyshots

---
 .storybook/config.js                         | 4 +++-
 components/Facebook/FacebookFindUsButton.vue | 2 ++
 components/Ranking/RankingFirstEntry.vue     | 1 +
 components/Ranking/RankingList.stories.js    | 5 +----
 4 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'components/Facebook/FacebookFindUsButton.vue')

diff --git a/.storybook/config.js b/.storybook/config.js
index 7126515..45f33c0 100644
--- a/.storybook/config.js
+++ b/.storybook/config.js
@@ -1,6 +1,8 @@
 import { configure } from '@storybook/vue'
 
-import '../assets/css/main.css'
+if (!process.env.JEST_WORKER_ID) {
+  require('../assets/css/main.css')
+}
 
 const req = require.context('../components', true, /\.stories.js$/)
 function loadStories() {
diff --git a/components/Facebook/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue
index 05aa9f6..b955b0b 100644
--- a/components/Facebook/FacebookFindUsButton.vue
+++ b/components/Facebook/FacebookFindUsButton.vue
@@ -32,6 +32,8 @@
 
 .image {
   width: 200px;
+  display: block;
+  margin: auto;
 }
 
 @media (max-width: 500px) {
diff --git a/components/Ranking/RankingFirstEntry.vue b/components/Ranking/RankingFirstEntry.vue
index d9f290b..ad0bea0 100644
--- a/components/Ranking/RankingFirstEntry.vue
+++ b/components/Ranking/RankingFirstEntry.vue
@@ -44,6 +44,7 @@ export default {
 
 .ranking-first-entry__troop {
   grid-column: 2;
+  text-align: center;
 }
 
 .ranking-first-entry__points {
diff --git a/components/Ranking/RankingList.stories.js b/components/Ranking/RankingList.stories.js
index 830dd6a..ad3576b 100644
--- a/components/Ranking/RankingList.stories.js
+++ b/components/Ranking/RankingList.stories.js
@@ -18,9 +18,6 @@ storiesOf('Ranking/RankingList', module)
     return {
       components: { RankingList },
       template: `<ranking-list :scores="scores" />`,
-      data: () => {
-        console.log(rankingList)
-        return rankingList
-      }
+      data: () => rankingList
     }
   })
-- 
cgit 1.4.1

