Add GitHub link to Index page and update styling in Cloning page

Pages/Index.razor

@@ -8,6 +8,14 @@
             <h1 class="title is-size-1 has-text-white">Blazor Sortable</h1>
             <p>An integration of the SortableJS library with Blazor.</p>
         </div>
+
+            <a class="button is-dark" href="https://github.com/the-urlist/blazorsortable" target="_blank">
+                <span class="icon">
+                    <i class="fab fa-github"></i>
+                </span>
+                <span>View on GitHub</span>
+            </a>
+
     </div>
     <section class="section has-background-white">
         <SimpleList></SimpleList>

Shared/Cloning.razor

@@ -7,7 +7,7 @@
                 <div class="column">
                     <SortableList Group="cloning" Pull="clone" Items="items1" Context="item" OnRemove="ListOneRemove">
                         <SortableItemTemplate>
-                            <div class="has-border has-background-blazor has-text-white">
+                            <div class="card has-border has-background-blazor has-text-white">
                                 <p class="is-size-4 p-2 ml-4">@item.Name</p>
                             </div>
                         </SortableItemTemplate>
@@ -16,7 +16,7 @@
                 <div class="column">
                     <SortableList Group="cloning" Pull="clone" OnRemove="ListTwoRemove" Items="items2" Context="item">
                         <SortableItemTemplate>
-                            <div class="has-border has-background-blazor has-text-white">
+                            <div class=" card has-border has-background-blazor has-text-white">
                                 <p class="is-size-4 p-2 ml-4">@item.Name</p>
 
                             </div>