1.1 updated table style

app/assets/stylesheets/scaffolds.scss

@@ -1,65 +0,0 @@
-body {
-  background-color: #fff;
-  color: #333;
-  margin: 33px; }
-
-body, p, ol, ul, td {
-  font-family: verdana, arial, helvetica, sans-serif;
-  font-size: 13px;
-  line-height: 18px; }
-
-pre {
-  background-color: #eee;
-  padding: 10px;
-  font-size: 11px; }
-
-a {
-  color: #000; }
-
-a:visited {
-  color: #666; }
-
-a:hover {
-  color: #fff;
-  background-color: #000; }
-
-th {
-  padding-bottom: 5px; }
-
-td {
-  padding: 0 5px 7px; }
-
-div.field,
-div.actions {
-  margin-bottom: 10px; }
-
-#notice {
-  color: green; }
-
-.field_with_errors {
-  padding: 2px;
-  background-color: red;
-  display: table; }
-
-#error_explanation {
-  width: 450px;
-  border: 2px solid red;
-  padding: 7px 7px 0;
-  margin-bottom: 20px;
-  background-color: #f0f0f0; }
-
-#error_explanation h2 {
-  text-align: left;
-  font-weight: bold;
-  padding: 5px 5px 5px 15px;
-  font-size: 12px;
-  margin: -7px -7px 0;
-  background-color: #c00;
-  color: #fff; }
-
-#error_explanation ul li {
-  font-size: 12px;
-  list-style: square; }
-
-label {
-  display: block; }

app/views/friends/_form.html.erb

@@ -36,7 +36,10 @@
     <%= form.text_field :twitter %>
   </div>
 
+  <br>
+
   <div class="actions">
     <%= form.submit %>
+  
   </div>
 <% end %>

app/views/friends/index.html.erb

@@ -1,9 +1,7 @@
 <p id="notice"><%= notice %></p>
 
-<h1>Friends</h1>
+<table class="table table-striped table-bordered table-hover">
-
+  <thead class="table-dark">
-<table>
-  <thead>
     <tr>
       <th>First name</th>
       <th>Last name</th>
@@ -32,4 +30,4 @@
 
 <br>
 
-<%= link_to 'New Friend', new_friend_path %>
+<%= link_to 'New Friend', new_friend_path, class:"btn btn-secondary" %>

app/views/friends/new.html.erb

@@ -1,5 +1,5 @@
-<h1>New Friend</h1>
+<h1>Add New Friend</h1>
 
 <%= render 'form', friend: @friend %>
-
+<br>
-<%= link_to 'Back', friends_path %>
+<%= link_to 'Go Back', friends_path %>

app/views/friends/show.html.erb

@@ -25,5 +25,5 @@
   <%= @friend.twitter %>
 </p>
 
-<%= link_to 'Edit', edit_friend_path(@friend) %> |
+<%= link_to 'Edit', edit_friend_path(@friend), class:"btn btn-secondary" %> |
-<%= link_to 'Back', friends_path %>
+<%= link_to 'Back', friends_path, class:"btn btn-secondary" %>

app/views/home/_header.html.erb

@@ -9,6 +9,15 @@
         <li class="nav-item">
         <%= link_to "About Us", home_about_path, class:"nav-link"%>
         </li>
+
+        <li class="nav-item">
+        <%= link_to "Friends", friends_path, class:"nav-link"%>
+        </li>
+
+        <li class="nav-item">
+        <%= link_to "Add Friend", new_friend_path, class:"nav-link"%>
+        </li>
+
       </ul>
       <form class="d-flex" role="search">
         <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">