Link logo to /welcome page. Correct background color of tabs. Create 'caption' css class

app/assets/stylesheets/bootstrap-overrides.scss

@@ -26,6 +26,7 @@ $font-family-base: 'Cabin', sans-serif;
 $headings-font-family: 'Bitter', serif;
 $headings-font-weight: 700;
 $body-color: $black;
+$nav-tabs-link-active-bg: $light-blue;
 
 $btn-border-radius: 0;
 $input-btn-focus-color-opacity: 0.35;

app/assets/stylesheets/fonts.scss

@@ -67,3 +67,8 @@ header .form-select {
   @extend .color-blue;
   text-decoration: none;
 }
+
+.caption {
+  font-size: 12px;
+  color: $gray-1;
+}

app/views/dashboard/_variance_graph.erb

@@ -1,5 +1,5 @@
 <% unless measures_with_insufficient_data(presenters: presenters).empty? %>
-<p>Note: The following measures are not displayed due to limited availability of school admin data and/or low survey response rates: <%= measures_with_insufficient_data(presenters: presenters).map(&:measure_name).join('; ') %>.</p>
+<p class="caption mb-5">Note: The following measures are not displayed due to limited availability of school admin data and/or low survey response rates: <%= measures_with_insufficient_data(presenters: presenters).map(&:measure_name).join('; ') %>.</p>
 <% end %>
 
 <% displayed_presenters = measures_with_sufficient_data(presenters: presenters) %>

app/views/dashboard/index.html.erb

@@ -74,7 +74,7 @@
 </div>
 
 <div class="card">
-  <h2 class="sub-header-2">Distance From Benchmark</h2>
+  <h2 class="sub-header-2 mb-4">Distance From Benchmark</h2>
 
   <%= render partial: "variance_graph", locals: { presenters: @measure_graph_row_presenters} %>
 </div>

app/views/layouts/home.html.erb

@@ -13,7 +13,7 @@
   <div class="container">
     <div class="row py-4 justify-content-between align-items-center">
       <div class="col d-flex justify-content-start align-items-center">
-        <%= link_to image_tag('sqm_logo.png', alt: 'MCIEA School Quality Measures Dashboard', class: 'height-56 me-7'), root_path %>
+        <%= link_to image_tag('sqm_logo.png', alt: 'MCIEA School Quality Measures Dashboard', class: 'height-56 me-7'), welcome_path %>
       </div>
     </div>
   </div>

app/views/layouts/sqm/_header.html.erb

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row py-4 justify-content-between align-items-center">
       <div class="col d-flex justify-content-start align-items-center">
-        <%= link_to image_tag('sqm_logo.png', alt: 'MCIEA School Quality Measures Dashboard', class: 'height-56 me-7'), root_path %>
+        <%= link_to image_tag('sqm_logo.png', alt: 'MCIEA School Quality Measures Dashboard', class: 'height-56 me-7'), welcome_path %>
         <a class="sub-header-3 link me-4 <%= link_weight(path: 'dashboard') %>" href="<%= link_to_dashboard(district: @district, school: @school, academic_year: @academic_year) %>">Dashboard</a>
         <a class="sub-header-3 link <%= link_weight(path: 'browse') %>" href="<%= link_to_browse(district: @district, school: @school, academic_year: @academic_year) %>">Browse</a>
       </div>