Add fontawesome, edit route job, show page

app/assets/stylesheets/application.scss

@@ -30,4 +30,26 @@
    width: 100px;
    width: 100px;
    border-top: 2px solid $main-color
    border-top: 2px solid $main-color
  }
  }
- 
+
\ No newline at end of file
+ .vertical-divider {
+   position: relative;
+   padding: 0px 4px;
+
+   &::after {
+     content: '';
+     width: 1px;
+     height: 18px;
+     margin-left: 3px;
+     position: absolute;
+     border-right: 1px solid black;
+     top: 50%;
+     right: -3px;
+     transform: translateY(-50%);
+   }
+   
+   &:last-child {
+     &::after {
+       display: none;
+     }
+   }
+ }

app/controllers/jobs_controller.rb

 class JobsController < ApplicationController
 class JobsController < ApplicationController
   def show
   def show
-    @job = Job.find(params[:id])
+    @job = Job.find_by(id: params[:id])
   end
   end
 end
 end

app/views/jobs/show.html.erb

@@ -8,15 +8,21 @@
 </nav>
 </nav>
 <div class="row">
 <div class="row">
   <div class="col-10">
   <div class="col-10">
-    <h2 class="font-weight-bold"><%= @job.title %></h2>
-    <h3><%= @job.company.name %></h3>
-    <h5><strong>Work places: </strong>
-      <i><%= @job.locations.map(&:city).join(' | ') %></i>
+    <h2 class="font-weight-bold text-danger"><%= @job.title %></h2>
+    <h4 class="text-warning"><i class="fas fa-building"></i> 
+      <%= link_to @job.company.name, '#', class: 'text-decoration-none text-warning' %>
+    </h4>
+    <h5><i class="fas fa-map-marker-alt"> </i>
+      <% @job.locations.each do |location| %>
+        <%= link_to location.city, '#', class: 'vertical-divider text-dark' %>
+      <% end %>
     </h5>
     </h5>
-    <h5><strong>Industries: </strong>
-      <i><%= @job.industries.map(&:name).join(' | ') %></i>
+    <h5><i class="fas fa-briefcase"> </i>
+      <% @job.industries.each do |industry| %>
+        <%= link_to industry.name, '#', class: 'vertical-divider text-dark' %>
+      <% end %>
     </h5>
     </h5>
-    <h5><strong>Salary: </strong><%= @job.salary %></h5>
+    <h5><i class="fas fa-wallet"></i> <%= @job.salary %></h5>
     <hr>
     <hr>
     <h3><strong>Description:</strong></h3>
     <h3><strong>Description:</strong></h3>
     <%= @job.description.html_safe %>
     <%= @job.description.html_safe %>

config/routes.rb

@@ -2,6 +2,6 @@ Rails.application.routes.draw do
   root to: 'home#index'
   root to: 'home#index'
   get 'cities', to: 'locations#index'
   get 'cities', to: 'locations#index'
   get 'industries', to: 'industries#index'
   get 'industries', to: 'industries#index'
-  resources :jobs, only: :show
+  get 'detail/:id', to: 'jobs#show', as: :job
   # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
   # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
 end
 end