fix: 🐛 Make changelog responsive

EricLambrecht · Mar 20, 2020 · 5359ee5 · 5359ee5
1 parent ab80f49
commit 5359ee5
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/core/ChangelogModal.vue b/src/components/core/ChangelogModal.vue
@@ -47,13 +47,23 @@ export default {
     font-size: 22px;
     font-weight: bold;
     margin: 30px 0 10px;
+
+    @media screen and (max-width: 768px) {
+      font-size: 20px;
+      margin: 24px 0 10px;
+    }
   }
 
   h3[id^='bug'],
   h3[id^='feature'] {
     font-size: initial;
     font-weight: bold;
     margin: 20px 0 10px;
+
+    @media screen and (max-width: 768px) {
+      font-size: 15px;
+      margin: 18px 0 10px;
+    }
   }
 
   h1,
@@ -68,6 +78,10 @@ export default {
   ul {
     font-size: 15px;
     line-height: 1.5;
+
+    @media screen and (max-width: 768px) {
+      font-size: 13px;
+    }
   }
 
   ul {