Improve appearance of radio buttons

In order to style these using Bootstrap, we need to provide a block to `collection_radio_buttons`.
alphagov · Sep 8, 2023 · ab5026c · ab5026c
1 parent 7e1e35e
commit ab5026c
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/app/views/sites/new.html.erb b/app/views/sites/new.html.erb
@@ -57,8 +57,13 @@
         <%= form.collection_radio_buttons :global_type,
                                           Site::GLOBAL_TYPES,
                                           :to_s,
-                                          :humanize
-        %>
+                                          :humanize do |button| %>
+          <div class="radio">
+            <%= button.label do %>
+              <%= button.radio_button + button.text %>
+            <% end %>
+          </div>
+        <% end %>
       </div>
 
       <div class="form-group">
@@ -81,8 +86,13 @@
         <%= form.collection_radio_buttons :special_redirect_strategy,
                                           Site::SPECIAL_REDIRECT_STRATEGY_TYPES,
                                           :to_s,
-                                          :humanize
-        %>
+                                          :humanize do |button| %>
+          <div class="radio">
+            <%= button.label do %>
+              <%= button.radio_button + button.text %>
+            <% end %>
+          </div>
+        <% end %>
       </div>
 
       <div class="form-group">