Bootstrap changes

Author: srujayk

rottenpotatoes/app/assets/stylesheets/application.css

@@ -1,17 +1,22 @@
 !!! 5
 %html
   %head
+    %link(rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous")
     %title Rotten Potatoes!
-    = stylesheet_link_tag 'application'
-    = javascript_include_tag 'application'
+    = stylesheet_link_tag 'application', 'media' => 'all', 'data-turbolinks-track' => true
+    = javascript_include_tag 'application', 'data-turbolinks-track' => true
     = csrf_meta_tags
 
-  %body
-    %h1.title Rotten Potatoes!
-    #main
-      - if flash[:notice]
-        #notice.message= flash[:notice]
-      - elsif flash[:warning]
-        #warning.message= flash[:warning]
+    %body
+      %div.container
+        %div.navbar.navbar-expand-lg.bg-primary.text-white
+          %h1.title Rotten Potatoes!
+        #main
+          - if flash[:notice]
+            %div.alert.alert-danger
+              #notice.message= flash[:notice]
+          - elsif flash[:warning]
+            %div.alert.alert-danger
+              #warning.message= flash[:warning]
 
-      = yield
+          = yield

rottenpotatoes/app/views/layouts/application.html.haml

@@ -1,6 +1,6 @@
 -# edit.html.haml using partial
 
-%h1 Edit Existing Movie
+%h2 Edit Existing Movie
 
 = form_tag movie_path(@movie), :method => :put do
 
@@ -13,4 +13,4 @@
   = label :movie, :release_date, 'Released On'
   = date_select :movie, :release_date
 
-  = submit_tag 'Update Movie Info'
+  = submit_tag 'Update Movie Info', :class => 'btn btn-primary'

rottenpotatoes/app/views/movies/edit.html.haml

@@ -1,16 +1,16 @@
 -#  This file is app/views/movies/index.html.haml
-%h1 All Movies
+%h2 All Movies
 
 = form_tag movies_path, :method => :get, :id => 'ratings_form' do
   = hidden_field_tag "title_sort", true if @title_header
   = hidden_field_tag ":release_date_sort", true if @date_header
-  Include: 
+  Include:
   - @all_ratings.each do |rating|
     = rating
     = check_box_tag "ratings[#{rating}]", 1, @selected_ratings.include?(rating), :id => "ratings_#{rating}"
-  = submit_tag 'Refresh', :id => 'ratings_submit'
+  = submit_tag 'Refresh', :id => 'ratings_submit', :class => 'btn btn-primary'
 
-%table#movies
+%table#movies.table.table-striped.col-md-12
   %thead
     %tr
       %th{:class => @title_header}= link_to 'Movie Title', movies_path(:sort => 'title', :ratings => @selected_ratings), :id => 'title_header'
@@ -20,7 +20,7 @@
   %tbody
     - @movies.each do |movie|
       %tr
-        %td= movie.title 
+        %td= movie.title
         %td= movie.rating
         %td= movie.release_date
         %td= link_to "More about #{movie.title}", movie_path(movie)

rottenpotatoes/app/views/movies/index.html.haml

@@ -1,4 +1,4 @@
-%h1 Create New Movie
+%h2 Create New Movie
 
 = form_tag movies_path do
 
@@ -11,4 +11,4 @@
   = label :movie, :release_date, 'Released On'
   = date_select :movie, :release_date
 
-  = submit_tag 'Save Changes'
+  = submit_tag 'Save Changes', :class => 'btn btn-primary'

rottenpotatoes/app/views/movies/new.html.haml

@@ -1,6 +1,6 @@
 -# in app/views/movies/show.html.haml
 
-%h2 Details about #{@movie.title}
+%h3 Details about #{@movie.title}
 
 %ul#details
   %li
@@ -10,10 +10,10 @@
     Released on:
     = @movie.release_date.strftime("%B %d, %Y")
 
-%h3 Description:
+%h4 Description:
 
 %p#description= @movie.description
 
 = link_to 'Edit', edit_movie_path(@movie)
-= button_to 'Delete', movie_path(@movie), :method => :delete, :confirm => 'Are you sure?'
+= button_to 'Delete', movie_path(@movie), :method => :delete, :confirm => 'Are you sure?', :class => 'btn btn-primary'
 = link_to 'Back to movie list', movies_path