diff --git a/.DS_Store b/.DS_Store
index 12fea2277b74a6832dc8780252d2bed246d9b7f0..c24e8ca32bfb1fbdce957faea9c078eea2f1eb8d 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/CHANGELOG.md b/CHANGELOG.md
index f2f870a2f023ea68e7812346649ecb2d4ef1a6e4..412c69414ac7a0d87ed03dae19d27716f0ebb089 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,13 @@
+# 0.1.33
+
+_4th November 2020_
+
+### Changed
+
+- made width of nodes wider in card view
+- made typing wider in all modes
+- links (a tag elements) are now much bigger on small screens (under 600px) to add with tapping
+
 # 0.1.32
 
 _30th October 2020_
diff --git a/app/package.json b/app/package.json
index a7118826b9606135c7852bb6117d843c83cfecf3..6f39a7fefeea35846f9c13d4a66a2dad3bccbe4b 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nodenogg.in",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/app/src/assets/files/collect.png b/app/src/assets/files/collect.png
index 647a9219ea462f1172b1ca394baf446e5eeaa623..478778a1c24e6446892188f0fe1291028060dd06 100644
Binary files a/app/src/assets/files/collect.png and b/app/src/assets/files/collect.png differ
diff --git a/app/src/components/CardsLayer.vue b/app/src/components/CardsLayer.vue
index 46f9284d120e2c7e5115b8f971853798f0e94830..28e6e195d3affdb9bd7a88d6ee5cd9eddde3cc8c 100644
--- a/app/src/components/CardsLayer.vue
+++ b/app/src/components/CardsLayer.vue
@@ -14,17 +14,13 @@
                 @input="editNode"
                 :id="nodeid"
                 ref="nodetext"
-                placeholder="Idea goes here!"
+                placeholder="Type your thoughts and ideas here! (auto saved every keystroke)"
               ></textarea>
             </div>
             <p class="info">*markdown supported &amp; autosaves</p>
           </div>
-          <div v-if="value.read_mode && deleted == false">
-            <p
-              class="readmode"
-              :id="nodeid"
-              :inner-html.prop="nodetext | marked"
-            ></p>
+          <div class="readmode" v-if="value.read_mode && deleted == false">
+            <p :id="nodeid" :inner-html.prop="nodetext | marked"></p>
           </div>
           <div class="allemoji">
             <div
@@ -142,12 +138,9 @@ export default {
 </script>
 
 <style lang="css" scoped>
-h2 {
-  color: red;
-}
-
 .nodes {
-  max-width: 300px;
+  min-width: 320px;
+  max-width: 450px;
   border: 2px dashed black;
   background-color: rgb(155, 194, 216);
   margin-top: 1em;
@@ -157,10 +150,11 @@ h2 {
 .readmode {
   margin-top: 1em;
   margin-left: 1em;
+  padding-right: 1em;
 }
 
 textarea {
-  width: 90%;
+  width: 100%;
   height: 175px;
   resize: none;
   font-size: 18px;
@@ -168,7 +162,7 @@ textarea {
   font-family: 'Inter var', Helvetica, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  margin: 1em;
+
   border: none;
   outline: none;
   background-color: rgb(187, 227, 255);
@@ -195,4 +189,10 @@ textarea {
 .eachemoji p {
   margin: 0em;
 }
+
+@media only screen and (max-width: 600px) {
+  .readmode >>> a {
+    font-size: 2em;
+  }
+}
 </style>
diff --git a/app/src/components/ListLayer.vue b/app/src/components/ListLayer.vue
index 342e3f04c1c76c8126ad5637c78572b7d0648f9f..163b4854e2701870893a5a85c9e775fc1b5bb2d1 100644
--- a/app/src/components/ListLayer.vue
+++ b/app/src/components/ListLayer.vue
@@ -14,17 +14,13 @@
                 @input="editNode"
                 :id="nodeid"
                 ref="nodetext"
-                placeholder="Idea goes here!(auto saved every keystroke)"
+                placeholder="Type your thoughts and ideas here! (auto saved every keystroke)"
               ></textarea>
             </div>
             <p class="info">*markdown supported &amp; autosaves</p>
           </div>
-          <div v-if="value.read_mode && deleted == false">
-            <p
-              class="readmode"
-              :id="nodeid"
-              :inner-html.prop="nodetext | marked"
-            ></p>
+          <div class="readmode" v-if="value.read_mode && deleted == false">
+            <p :id="nodeid" :inner-html.prop="nodetext | marked"></p>
           </div>
 
           <div class="allemoji">
@@ -140,10 +136,6 @@ export default {
 </script>
 
 <style lang="css" scoped>
-h2 {
-  color: red;
-}
-
 .nodes {
   width: 95%;
   border: 2px dashed black;
@@ -158,7 +150,7 @@ h2 {
 }
 
 textarea {
-  width: 90%;
+  width: 100%;
   height: 175px;
   resize: none;
   box-sizing: border-box;
@@ -166,7 +158,7 @@ textarea {
   font-family: 'Inter var', Helvetica, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  margin: 1em;
+
   border: none;
   outline: none;
   background-color: rgb(187, 227, 255);
@@ -193,4 +185,10 @@ textarea {
 .eachemoji p {
   margin: 0em;
 }
+
+@media only screen and (max-width: 600px) {
+  .readmode >>> a {
+    font-size: 2em;
+  }
+}
 </style>
diff --git a/app/src/components/NodesLayer.vue b/app/src/components/NodesLayer.vue
index e39ba491343f79e9de6acaa104ca0699d910e938..2a8133ab5013e97b9530c1ad1d17d4f3b2d69682 100644
--- a/app/src/components/NodesLayer.vue
+++ b/app/src/components/NodesLayer.vue
@@ -29,7 +29,7 @@
                   :id="nodeid"
                   class="drag-cancel"
                   ref="nodetext"
-                  placeholder="Idea goes here! (auto saved every keystroke)"
+                  placeholder="Type your thoughts and ideas here! (auto saved every keystroke)"
                 ></textarea>
               </div>
               <p class="info">*markdown supported &amp; autosaves</p>
@@ -115,7 +115,7 @@
                     :id="nodeid"
                     class="drag-cancel"
                     ref="nodetext"
-                    placeholder="Idea goes here! (auto saved every keystroke)"
+                    placeholder="Type your thoughts and ideas here! (auto saved every keystroke)"
                   >
                   </textarea>
                 </div>
@@ -419,7 +419,7 @@ textarea {
   font-family: 'Inter var', Helvetica, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  margin-top: 1em;
+  margin-top: 0.5em;
   border: none;
   outline: none;
   background-color: rgb(187, 227, 255);
@@ -451,7 +451,13 @@ textarea {
 img {
   width: 100%;
 }
+
+li {
+  font-size: 6em;
+}
 /* .dragging {
   transform: scale(0.7);
 } */
+
+
 </style>
diff --git a/app/src/components/OtherCardslayer.vue b/app/src/components/OtherCardslayer.vue
index 1cc8d207dfd03fc32f7eaff155332e002d429dca..365cab08857d864f770a216a04e35a4fdae1a2c9 100644
--- a/app/src/components/OtherCardslayer.vue
+++ b/app/src/components/OtherCardslayer.vue
@@ -53,7 +53,8 @@ h2 {
 }
 
 .nodes {
-  width: 300px;
+  min-width: 320px;
+  max-width: 450px;
   border: 2px solid black;
   background-color: rgb(205, 234, 255);
   margin-top: 1em;
diff --git a/app/src/views/Cards.vue b/app/src/views/Cards.vue
index acb3372b973ddd30444224cf54d0ad503624de07..567e980a66ffe161b1f0ae1173999c09f7e67d5b 100644
--- a/app/src/views/Cards.vue
+++ b/app/src/views/Cards.vue
@@ -176,6 +176,8 @@ export default {
   cursor: pointer;
 }
 
+
+
 .a {
   fill: #333;
   stroke: #707070;