Align styling to closer match design

app/models/sample.rb

@@ -1,12 +1,13 @@
 class Sample
   attr_reader :school, :academic_year, :category, :measure, :race
 
-  def initialize
+  def initialize(slug: 'milford-high-school', range: '2021-22', category_id: '1', subcategory_id: '1A',
-    @school = School.find_by_slug 'milford-high-school'
+                 measure_id: '1A-ii', race_code: 1)
-    @academic_year = AcademicYear.last
+    @school = School.find_by_slug slug
-    @category = Category.find_by_category_id '1'
+    @academic_year = AcademicYear.find_by_range range
-    @subcategory = Subcategory.find_by_subcategory_id '1A'
+    @category = Category.find_by_category_id category_id
-    @measure = Measure.find_by_measure_id '1A-ii'
+    @subcategory = Subcategory.find_by_subcategory_id subcategory_id
-    @race = Race.find_by_qualtrics_code 1
+    @measure = Measure.find_by_measure_id measure_id
+    @race = Race.find_by_qualtrics_code race_code
   end
 end

app/views/analyze/_data_filters.html.erb

@@ -3,10 +3,13 @@
 <div class="bg-gray p-3" data-controller="analyze">
   <% @graphs.each do |graph| %>
   <div>
-    <input type="radio" id="<%= graph.value %>" name="graph"
+    <input type="radio"
-    value="<%= base_url %>"
+           id="<%= graph.value %>"
-    data-action="click->analyze#refresh"
+           class="form-check-input"
-    <%= graph.value == @graph.value ? "checked" : "" %>>
+           name="graph"
+            value="<%= base_url %>"
+            data-action="click->analyze#refresh"
+            <%= graph.value == @graph.value ? "checked" : "" %>>
     <label for="<%= graph.value %>"><%= graph.to_s %></label>
   </div>
   <% end %>
@@ -14,10 +17,10 @@
   <p class="sub-header-5 mt-3 font-size-14"> Select a group </p>
 
     <% @races.each do |race | %>
-      <div class="d-flex <%= race.slug %>">
+      <div class="d-flex align-items-center <%= race.slug %>">
         <input
           id="<%= race.slug %>"
-          class="m-3 race-checkbox"
+          class="m-3 race-checkbox form-check-input"
           type="checkbox"
           name="race-checkbox"
           value="<%= base_url %>"

app/views/analyze/_school_years.html.erb

@@ -2,6 +2,7 @@
 <% available_academic_years.each_with_index do | year, index | %>
   <div class="d-flex justify-content-start align-items-center mt-1" data-controller="analyze">
     <input type="checkbox"
+    class="form-check-input"
     id="<%= year.range %>"
     name="year-checkbox"
     value="<%= analyze_subcategory_link(district: district, school: school, academic_year: academic_year, category: category, subcategory: subcategory) %>"