More bootstrap beta fixes

app/assets/stylesheets/sticky-footer.scss

@@ -15,7 +15,6 @@ body {
   /* Set the fixed height of the footer here */
   height: 60px;
   line-height: 60px; /* Vertically center the text there */
-  background-color: #f5f5f5;
 }
 
 

app/helpers/announcements_helper.rb

@@ -11,7 +11,7 @@ module AnnouncementsHelper
 
   def announcement_class(type)
     {
-      "new" => "text-sucess",
+      "new" => "text-success",
       "update" => "text-warning",
       "fix" => "text-danger",
     }.fetch(type, "text-success")

app/views/announcements/index.html.erb

@@ -1,26 +1,28 @@
 <h1>What's New</h1>
 
-<div class="card card-block">
-  <% @announcements.each_with_index do |announcement, index| %>
-    <% if index != 0 %>
-      <div class="row"><div class="col"><hr /></div></div>
-    <% end %>
+<div class="card">
+  <div class="card-body">
+    <% @announcements.each_with_index do |announcement, index| %>
+      <% if index != 0 %>
+        <div class="row"><div class="col"><hr /></div></div>
+      <% end %>
 
-    <div class="row announcement" id="<%= dom_id(announcement) %>">
-      <div class="col-sm-1 text-center">
-        <%= link_to announcements_path(anchor: dom_id(announcement)) do %>
-          <strong><%= announcement.published_at.strftime("%b %d") %></strong>
-        <% end %>
-      </div>
-      <div class="col">
-        <strong class="<%= announcement_class(announcement.announcement_type) %>"><%= announcement.announcement_type.titleize %>:</strong>
-        <strong><%= announcement.name %>.</strong>
-        <%= simple_format announcement.description %>
+      <div class="row announcement" id="<%= dom_id(announcement) %>">
+        <div class="col-sm-1 text-center">
+          <%= link_to announcements_path(anchor: dom_id(announcement)) do %>
+            <strong><%= announcement.published_at.strftime("%b %d") %></strong>
+          <% end %>
+        </div>
+        <div class="col">
+          <strong class="<%= announcement_class(announcement.announcement_type) %>"><%= announcement.announcement_type.titleize %>:</strong>
+          <strong><%= announcement.name %></strong>
+          <%= simple_format announcement.description %>
+        </div>
       </div>
-    </div>
-  <% end %>
+    <% end %>
 
-  <% if @announcements.empty? %>
-    <div>Exciting stuff coming very soon!</div>
-  <% end %>
+    <% if @announcements.empty? %>
+      <div>Exciting stuff coming very soon!</div>
+    <% end %>
+  </div>
 </div>

app/views/shared/_footer.html.erb

@@ -1,4 +1,4 @@
-<footer class="footer text-muted">
+<footer class="footer text-muted bg-light">
   <div class="container">
     <span>© <%= Date.today.year %> Your Company</span>
     <ul class="list-inline mb-0 float-right">

app/views/shared/_navbar.html.erb

@@ -5,7 +5,7 @@
   </div>
 <% end %>
 
-<nav class="navbar navbar-expand-md navbar-light">
+<nav class="navbar navbar-expand-md navbar-light bg-light">
   <div class="container">
     <%= link_to "Spark", root_path, class: "navbar-brand" %>