Add styling

MarieReRe · MarieReRe · commit f5f97384d829 · 2021-02-21T07:52:21.000-06:00
diff --git a/AsyncInn.Web/Views/Home/About.cshtml b/AsyncInn.Web/Views/Home/About.cshtml
@@ -1,5 +1,6 @@
 ﻿@{
     ViewData["Title"] = "About";
+    Layout = "_Layout";
 }
 <h1>@ViewData["Title"]</h1>
 
diff --git a/AsyncInn.Web/Views/Home/Index.cshtml b/AsyncInn.Web/Views/Home/Index.cshtml
@@ -1,9 +1,10 @@
 ﻿@{
     ViewData["Title"] = "Home Page";
+    Layout = "_Layout";
 }
 
 <div class="text-center">
-    <h1 class="display-4">Async Inn</h1>
+    <h1>Async Inn</h1>
 </div>
 <body class="home">
     <div>
diff --git a/AsyncInn.Web/Views/Hotels/Create.cshtml b/AsyncInn.Web/Views/Hotels/Create.cshtml
@@ -2,6 +2,7 @@
 
 @{
     ViewData["Title"] = "Create";
+    Layout = "_Layout";
 }
 
 <h1>Create</h1>
diff --git a/AsyncInn.Web/Views/Hotels/Delete.cshtml b/AsyncInn.Web/Views/Hotels/Delete.cshtml
@@ -2,6 +2,7 @@
 
 @{
     ViewData["Title"] = "Delete";
+    Layout = "_Layout";
 }
 
 <h1>Delete</h1>
diff --git a/AsyncInn.Web/Views/Hotels/Details.cshtml b/AsyncInn.Web/Views/Hotels/Details.cshtml
@@ -2,6 +2,7 @@
 
 @{
     ViewData["Title"] = "Detail";
+    Layout = "_Layout";
 }
 
 <h1>Detail</h1>
diff --git a/AsyncInn.Web/Views/Hotels/Edit.cshtml b/AsyncInn.Web/Views/Hotels/Edit.cshtml
@@ -2,6 +2,7 @@
 
 @{
     ViewData["Title"] = "Update";
+    Layout = "_Layout";
 }
 
 <h1>Update</h1>
diff --git a/AsyncInn.Web/Views/Hotels/Index.cshtml b/AsyncInn.Web/Views/Hotels/Index.cshtml
@@ -2,6 +2,7 @@
 
 @{
     ViewData["Title"] = "Index";
+    Layout = "_Layout";
 }
 
 <h1>Welcome to Async Inn</h1>
@@ -55,10 +56,18 @@
                 @Html.DisplayFor(modelItem => item.Country)
             </td>
             <td>
-                @Html.ActionLink("Edit", "Edit", new { item.Id }) |
-                @Html.ActionLink("Details", "Details", new { item.Id }) |
-                @Html.ActionLink("Delete", "Delete", new { item.Id })
-            </td>
+                <button class="btn btn-primary far fa-edit">
+                    @Html.ActionLink("Edit", "Edit", new { item.Id })
+                </button>
+                |
+                <button class="btn btn-primary fas fa-info">
+                    @Html.ActionLink("Details", "Details", new { item.Id })
+                </button>
+                |
+                <button class="btn btn-primary far fa-trash-alt">
+                        @Html.ActionLink("Delete", "Delete", new { item.Id })
+                </button>
+</td>
         </tr>
 }
     </tbody>
diff --git a/AsyncInn.Web/Views/Shared/_Layout.cshtml b/AsyncInn.Web/Views/Shared/_Layout.cshtml
@@ -6,6 +6,9 @@
     <title>@ViewData["Title"] - Async Inn</title>
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" />
+    <link href="https://fonts.googleapis.com/css2?family=Alice&display=swap" rel="stylesheet">
+    <script src="https://kit.fontawesome.com/988c5e7e3e.js" crossorigin="anonymous"></script>
+
 </head>
 <body>
     <header>
diff --git a/AsyncInn.Web/Views/_ViewStart.cshtml b/AsyncInn.Web/Views/_ViewStart.cshtml
diff --git a/AsyncInn.Web/wwwroot/css/site.css b/AsyncInn.Web/wwwroot/css/site.css
@@ -9,19 +9,19 @@ a.navbar-brand {
 
 /* Provide sufficient contrast against white background */
 a {
-  color: #0366d6;
+    color: #011c3d;
 }
 
 .btn-primary {
-  color: #fff;
-  background-color: #1b6ec2;
-  border-color: #1861ac;
+    color: #fff;
+    background-color: #ffdbe0;
+    border-color: #ffccd4;
 }
 
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
-  color: #fff;
-  background-color: #1b6ec2;
-  border-color: #1861ac;
+    color: #fff;
+    background-color: #ffccd4;
+    border-color: #ffb6c1;
 }
 
 /* Sticky footer styles
@@ -59,8 +59,12 @@ html {
 }
 
 body {
-  /* Margin bottom by footer height */
-  margin-bottom: 60px;
+    /* Margin bottom by footer height */
+    margin-bottom: 60px;
+    text-align: center;
+    min-width: 900px;
+/*Hello*/
+
 }
 .footer {
   position: absolute;
@@ -74,5 +78,21 @@ body {
 .card {
     padding: 10px 10px 10px 10px;
     box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
-    width:auto;
+    width: auto;
+    background-color: #d3d3d3;
+}
+
+
+
+/*Font Awesome Icons*/
+
+.fa-edit {
+    color: black
+}
+
+.fa-info {
+    color: black
+}
+.fa-trash-alt {
+    color: black
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`@{`
`2`	`2`	`ViewData["Title"] = "About";`
	`3`	`+ Layout = "_Layout";`
`3`	`4`	`}`
`4`	`5`	`<h1>@ViewData["Title"]</h1>`
`5`	`6`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@`
`2`	`2`
`3`	`3`	`@{`
`4`	`4`	`ViewData["Title"] = "Create";`
	`5`	`+ Layout = "_Layout";`
`5`	`6`	`}`
`6`	`7`
`7`	`8`	`<h1>Create</h1>`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@`
`2`	`2`
`3`	`3`	`@{`
`4`	`4`	`ViewData["Title"] = "Delete";`
	`5`	`+ Layout = "_Layout";`
`5`	`6`	`}`
`6`	`7`
`7`	`8`	`<h1>Delete</h1>`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@`
`2`	`2`
`3`	`3`	`@{`
`4`	`4`	`ViewData["Title"] = "Detail";`
	`5`	`+ Layout = "_Layout";`
`5`	`6`	`}`
`6`	`7`
`7`	`8`	`<h1>Detail</h1>`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@`
`2`	`2`
`3`	`3`	`@{`
`4`	`4`	`ViewData["Title"] = "Update";`
	`5`	`+ Layout = "_Layout";`
`5`	`6`	`}`
`6`	`7`
`7`	`8`	`<h1>Update</h1>`