Consistency

Author: Ungeziefi

avoid-mods.html

@@ -42,6 +42,7 @@
     <script src="js/popup.js"></script>
     <script src="js/javascript.js"></script>
     <script src="js/responsiveTitle.js"></script>
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/cards.css">
     <link rel="stylesheet" href="css/header.css">

avoid-tools.html

@@ -42,6 +42,7 @@
     <script src="js/popup.js"></script>
     <script src="js/javascript.js"></script>
     <script src="js/responsiveTitle.js"></script>
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/cards.css">
     <link rel="stylesheet" href="css/header.css">

basefinish.html

@@ -43,6 +43,7 @@
     <script src="js/popup.js"></script>
     <script src="js/javascript.js"></script>
     <script src="js/responsiveTitle.js"></script>
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/cards.css">
     <link rel="stylesheet" href="css/header.css">

bugfix.html

@@ -42,6 +42,7 @@
     <script src="js/popup.js"></script>
     <script src="js/javascript.js"></script>
     <script src="js/responsiveTitle.js"></script>
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/cards.css">
     <link rel="stylesheet" href="css/header.css">

changelog.html

@@ -42,6 +42,7 @@
     <script src="js/popup.js"></script>
     <script src="js/javascript.js"></script>
     <script src="js/responsiveTitle.js"></script>
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/cards.css">
     <link rel="stylesheet" href="css/header.css">

content.html

@@ -42,6 +42,7 @@
     <script src="js/popup.js"></script>
     <script src="js/javascript.js"></script>
     <script src="js/responsiveTitle.js"></script>
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/cards.css">
     <link rel="stylesheet" href="css/header.css">

css/cards.css

@@ -182,4 +182,18 @@ img.chevron {
   textarea {
     width: 100%;
   }
+}
+@media only screen and (max-width: 470px) {
+  .card-red,
+  .card-yellow,
+  .card-green {
+    width: calc(100% - 1.3em);
+    box-sizing: border-box;
+    text-wrap: balance;
+    overflow-x: visible;
+  }
+  .center {
+    margin-left: auto;
+    margin-right: auto;
+  }
 }/*# sourceMappingURL=cards.css.map */

css/cards.css.map

@@ -182,4 +182,21 @@ img.chevron {
     textarea {
         width: 100%;
     }
+}
+
+@media only screen and (max-width: 470px) {
+
+    .card-red,
+    .card-yellow,
+    .card-green {
+        width: calc(100% - 1.3em);
+        box-sizing: border-box;
+        text-wrap: balance;
+        overflow-x: visible;
+    }
+
+    .center {
+        margin-left: auto;
+        margin-right: auto;
+    }
 }

css/cards.scss

@@ -44,6 +44,7 @@
     <script src="js/popup.js"></script>
     <script src="js/javascript.js"></script>
     <script src="js/responsiveTitle.js"></script>
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/cards.css">
     <link rel="stylesheet" href="css/header.css">