:recycle: minor css tweaks | not loading all posts of type on single page

vue-theme/src/pages/index.vue

                         &:nth-of-type(5)
                             grid-column-start: 3
                 &.max
-                    /* Need some extra gap on wide pages */
-                    padding: $ms--2 0
                     li .featured-or-hero-image img
                         max-height: $max-card-img-height
                 &.stickies

vue-theme/src/pages/list.vue

         async getPosts() {
             // Edge case for episodes
             await this._getAll('episode', this.$store)
+            const ignore = [`getMoreEpisodes`, 'getMorePages']
 
             const dispatchAction = `getMore${this.pType}`
-            const ignore = [`getMoreEpisodes`, 'getMorePages']
             let res = null
             if(this.pType && !ignore.includes(dispatchAction)) {
                 res = await this.$store.dispatch(
             // with how to render based on hero.url
             if(!this.allPages) return console.warn('no pages in state', this)
             const page = this.allPages.filter(
-                page => page.slug == type + 's',
+                page => page.slug == `${type}s`,
             )[0]
             if(!page) return console.warn(`no page for ${type} found`)
 
             // Check if we changed sort method
             // from no sort to sorted
             // or sorted to no sort
-            // or sort to a different sort(?))
+            // or sort to a different sort(?)
             if(
                 from.fullPath.includes(this.sortBy) ||
                 (!to.fullPath.includes(this.sortBy) && !from.fullPath.includes(this.sortBy))
             ) {
-                // !: BUG: this causes event and exhibit posts to double(?)
                 const ignore = ['event', 'exhibition', 'post', 'artist']
                 if(ignore.includes(this.type)) return
                 this.clearAndInitPostList()

vue-theme/src/pages/single.vue

             )[0]
 
             // Look if it exists before you try and load everything!
-            if(!singlePostData) {
-                const res = await this.$store.dispatch(`getAll${convertTitleCase(this.type)}s`, { sortType: null, params: null})
-                allPostsOfType = res
-                singlePostData = allPostsOfType.filter(
-                    post => post.slug == this.$route.params.slug,
-                )[0]
-            }
+            // if(!singlePostData) {
+            //     const res = await this.$store.dispatch(`getAll${convertTitleCase(this.type)}s`, { sortType: null, params: null})
+            //     allPostsOfType = res
+            //     singlePostData = allPostsOfType.filter(
+            //         post => post.slug == this.$route.params.slug,
+            //     )[0]
+            // }
 
             if (!singlePostData) return console.error('could not get single post data...')
             
             ul li
                 margin: 0 0 $ms-0 0
                 .card
-                    padding: 0
+                    padding: 0 0 $ms--2
+                    min-height: auto
 
         breadcrumb
             h5
         
 @media (min-width: $medium)
     .page--single
-        article
+        > article
             margin: 0 0.65em 0 0
         &.f-col
             flex-direction: row