Cleaned up style on MyAgenda

Author: jongalloway

src/FrontEnd/Pages/MyAgenda.cshtml

@@ -39,32 +39,42 @@
         <div class="row">
             @foreach (var session in timeSlot)
             {
-                <div class="col-md-3">
-                    <div class="panel panel-default session">
-                        <div class="panel-body">
-                            <p>@session.Track?.Name</p>
-                            <h3 class="panel-title"><a asp-page="Session" asp-route-id="@session.ID">@session.Title</a></h3>
-                            <p>
-                                @foreach (var speaker in session.Speakers)
+            <div class="col-md-3 mb-4">
+                <div class="card shadow session h-100">
+                    <div class="card-header">@session.Track?.Name</div>
+                    <div class="card-body">
+                        <h5 class="card-title"><a asp-page="Session" asp-route-id="@session.ID">@session.Title</a></h5>
+                    </div>
+                    <div class="card-footer">
+                        <ul class="list-inline mb-0">
+                            @foreach (var speaker in session.Speakers)
+                            {
+                                <li class="list-inline-item">
+                                    <a asp-page="Speaker" asp-route-id="@speaker.ID">@speaker.Name</a>
+                                </li>
+                            }
+                        </ul>
+                        <form authz="true" method="post">
+                            <input type="hidden" name="sessionId" value="@session.ID" />
+                            <p class="mb-0">
+                                <a authz-policy="Admin" asp-page="/Admin/EditSession" asp-route-id="@session.ID" class="btn btn-default btn-sm">Edit</a>
+                                @if (Model.UserSessions.Contains(session.ID))
+                                {
+                                    <button type="submit" asp-page-handler="Remove" class="btn btn-default btn-sm bg-transparent" title="Remove from my personal agenda">
+                                        <i class="icon ion-md-star" aria-hidden="true"></i>
+                                    </button>
+                                }
+                                else
                                 {
-                                    <em><a asp-page="Speaker" asp-route-id="@speaker.ID">@speaker.Name</a></em>
+                                    <button type="submit" class="btn btn-default btn-sm bg-transparent" title="Add to my personal agenda">
+                                        <i class="icon ion-md-star-outline" aria-hidden="true"></i>
+                                    </button>
                                 }
                             </p>
-                            <form method="post">
-                                <input type="hidden" name="sessionId" value="@session.ID" />
-                                <p>
-                                    <a authz-policy="Admin" asp-page="/Admin/EditSession" asp-route-id="@session.ID" class="btn btn-default btn-sm">Edit</a>
-                                    @if (Model.UserSessions.Contains(session.ID))
-                                    {
-                                        <button authz="true" type="submit" asp-page-handler="Remove" class="btn btn-default btn-sm bg-transparent" title="Remove from my personal agenda">
-                                            <i class="icon ion-md-star" aria-hidden="true"></i>
-                                        </button>
-                                    }
-                                </p>
-                            </form>
-                        </div>
+                        </form>
                     </div>
                 </div>
+            </div>
             }
         </div>
     }