fixed long links on mobile

CHANGELOG.md

@@ -5,6 +5,7 @@ _30th November 2020_
 ### Fixed
 
 - Add emoji reactions is no longer missing from Cards view.
+- Long URLS now wrap when viewing on smaller screen sizes, to accommodate increased link text.
 
 # 0.1.36
 

app/src/components/CardsLayer.vue

@@ -198,6 +198,8 @@ textarea {
 @media only screen and (max-width: 600px) {
   .readmode >>> a {
     font-size: 2em;
+    word-break: break-all;
+    padding-right: 0.5em;
   }
 }
 </style>

app/src/components/ListLayer.vue

@@ -190,6 +190,8 @@ textarea {
 @media only screen and (max-width: 600px) {
   .readmode >>> a {
     font-size: 2em;
+    word-break: break-all;
+    padding-right: 0.5em;
   }
 }
 </style>

app/src/components/OtherCardslayer.vue

@@ -247,4 +247,12 @@ input {
   background: #ececec;
   cursor: pointer;
 }
+
+@media only screen and (max-width: 600px) {
+  .readmode >>> a {
+    font-size: 2em;
+    word-break: break-all;
+    padding-right: 0.5em;
+  }
+}
 </style>