From 39df4184fb4dc2d5117592b4025dea94433361f0 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Mon, 30 Dec 2019 19:33:03 +0100
Subject: Fix break on hyphen

---
 components/GoogleDriveLink.vue | 15 ++++++++-------
 pages/kronika/index.vue        |  2 +-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/components/GoogleDriveLink.vue b/components/GoogleDriveLink.vue
index 96e3fbb..dc21d9e 100644
--- a/components/GoogleDriveLink.vue
+++ b/components/GoogleDriveLink.vue
@@ -4,9 +4,7 @@
       <img src="/assets/google-drive.png" alt="Drive" />
     </div>
     <div class="text">
-      <p>
-        {{ text }}
-      </p>
+      <p v-html="text"></p>
     </div>
     <a :href="link">
       <plain-button text="Przejdź" />
@@ -45,8 +43,6 @@ export default {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-
-  min-width: 400px;
 }
 
 .google-drive-link .text {
@@ -75,10 +71,9 @@ export default {
   margin: 0 20%;
 }
 
-@media (min-width: 480px) {
+@media (min-width: 530px) {
   .google-drive-link {
     flex-direction: row;
-    width: 100%;
   }
 
   .google-drive-link .text {
@@ -106,4 +101,10 @@ export default {
     width: 20%;
   }
 }
+
+@media (min-width: 960px) {
+  .google-drive-link {
+    width: 100%;
+  }
+}
 </style>
diff --git a/pages/kronika/index.vue b/pages/kronika/index.vue
index dab61ba..61d89e2 100644
--- a/pages/kronika/index.vue
+++ b/pages/kronika/index.vue
@@ -3,7 +3,7 @@
     <h2>Ostatnie wpisy</h2>
     <post-list :posts="posts" />
     <google-drive-link
-      text="Zobacz również e-książkę rozkazów"
+      text="Zobacz również e&#8209;książkę rozkazów"
       link="https://drive.google.com/drive/folders/1LWH4yYXpaa8kapBa2UAZTKnAAgXOHQYo?usp=sharing"
       style="margin: 60px 10px"
     />
-- 
cgit 1.4.1