make auto-grid root element type configurable

some of our auto-grids are actually lists so the grid should reflect
that.

src/components/generic/AutoGrid.vue

 <template>
-  <div class="grid" :style="style">
+  <component :is="tag || 'div'" class="grid ma-0 pa-0" :style="style">
     <slot />
-  </div>
+  </component>
 </template>
 
 <script>
@@ -15,7 +15,8 @@
       defaultSize: {
         type: Number,
         default: 1
-      }
+      },
+      tag: String
     },
     computed: {
       style () {
@@ -33,8 +34,12 @@
   }
 </script>
 
-<style>
+<style lang="scss">
   .grid {
     display: grid;
+
+    > li {
+      display: block;
+    }
   }
 </style>