added padding on mobile

src/components/knife.vue

@@ -109,6 +109,10 @@ a {
   color: #FA00FF;
 }
 
+.photo {
+  padding: 0px;
+}
+
 
 .small_icon {
   max-width: 60%;
@@ -130,6 +134,14 @@ a {
      .author {
        font-size: 21px;
      }
+
+     .content {
+       padding-bottom: 40px;
+     }
+
+     .photo {
+       padding-bottom: 40px;
+     }
    }
 
 </style>

src/components/lychee.vue

@@ -130,6 +130,14 @@ a {
      .author {
        font-size: 21px;
      }
+
+     .content {
+       padding-bottom: 40px;
+     }
+
+     .photo {
+       padding-bottom: 40px;
+     }
    }
 
 </style>

src/components/phone.vue

@@ -134,6 +134,14 @@ a {
      .author {
        font-size: 21px;
      }
+
+     .content {
+       padding-bottom: 40px;
+     }
+
+     .photo {
+       padding-bottom: 40px;
+     }
    }
 
 </style>

src/components/simmered.vue

@@ -130,6 +130,14 @@ a {
      .author {
        font-size: 21px;
      }
+
+     .content {
+       padding-bottom: 40px;
+     }
+
+     .photo {
+       padding-bottom: 40px;
+     }
    }
 
 </style>

src/components/soulsoup.vue

@@ -130,6 +130,14 @@ a {
      .author {
        font-size: 21px;
      }
+
+     .content {
+       padding-bottom: 40px;
+     }
+
+     .photo {
+       padding-bottom: 40px;
+     }
    }
 
 </style>

src/components/whatwecan.vue

@@ -130,6 +130,14 @@ a {
      .author {
        font-size: 21px;
      }
+
+     .content {
+       padding-bottom: 40px;
+     }
+
+     .photo {
+       padding-bottom: 40px;
+     }
    }
 
 </style>