feature/Remove card wrapper from tabs

Author: LewisYoul

app/assets/stylesheets/follow.scss

@@ -9,7 +9,6 @@
 .follow {
   &--container {
     display: block;
-    padding: 8px;
 
     &:hover {
       background-color: $color-light;

app/assets/stylesheets/list-item.scss

@@ -5,5 +5,6 @@
     border: 1px solid $color-light;
     border-radius: 5px;
     margin: 16px 0px;
+    background-color: #fcfdff;
   }
 }

app/javascript/home.vue

@@ -4,6 +4,7 @@
       <h3 slot="header">New Snippet</h3>
       <new-snippet :languages="[]" slot="body" />
     </modal>
+
     <snippet-preview
       v-for="snippet in snippetz"
       :key="snippet.id"
@@ -14,14 +15,15 @@
 
 <script>
 import marked from 'marked'
+import Card from './card';
 import Modal from './modal'
 import NewSnippet from './new-snippet'
 import SnippetPreview from './snippet-preview'
 
 import { EventBus } from './event-bus';
 
 export default {
-  components: { Modal, NewSnippet, SnippetPreview },
+  components: { Card, Modal, NewSnippet, SnippetPreview },
 
   props: {
     snippets: { type: Array, required: true },

app/javascript/snippet-preview.vue

@@ -22,16 +22,16 @@
 
 <script>
 import ActionButtonBar from './action-button-bar';
-import Card from './card';
 import CodeHighlight from './code-highlight';
+import Card from './card';
 import SnippetHeader from './snippet-header';
 import UserPreview from './user-preview';
 
 export default {
   components: {
     ActionButtonBar,
-    Card,
     CodeHighlight,
+    Card,
     SnippetHeader,
     UserPreview
   },

app/views/users/show.html.erb

@@ -5,7 +5,7 @@
   />
 </card>
 
-<card>
+<%# <card> %>
   <tabs>
     <tab name="<%= @user.snippets_count %> Snippets" selected="true">
       <% @user.snippets.order(created_at: :desc).each do |snippet| %>
@@ -17,23 +17,23 @@
     </tab>
     <tab name="<%= @followers.size %> Followers">
       <% @followers.each_with_index do |follower, index| %>
-        <list-item>
+        <card>
           <a href="<%= user_path(follower)%>" class="follow--container">
             <user-preview :user="<%= follower.serialize.to_json %>"></user-preview>
             <span class="follow--description"><%= follower.description %></span>
           </a>
-        </list-item>
+        </card>
       <% end %>
     </tab>
     <tab name="<%= @following.size %> Following">
       <% @following.each_with_index do |following_user, index| %>
-        <list-item>
+        <card>
           <a href="<%= user_path(following_user)%>" class="follow--container">
             <user-preview :user="<%= following_user.serialize.to_json %>"></user-preview>
             <span class="follow--description"><%= following_user.description %></span>
           </a>
-        </list-item>
+        </card>
       <% end %>
     </tab>
   </tabs>
-</card>
+<%# </card> %>