Fixes to council type filter button styling

scoring/static/scoring/scss/methodology.scss

@@ -74,6 +74,18 @@ $council-types: (
     column-gap: 1rem; // Avoids heavy length content to overlap the next column.
 }
 
+.type-council-option-wrapper {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+
+    .radio-btn {
+        margin: 0 !important;
+    }
+}
+
 // Tables highlight
 .minimal-table {
     table-layout: fixed;

scoring/templates/scoring/includes/main-filter-methodology.html

@@ -1,17 +1,17 @@
 <div class="bg-blue-l2 p-3 mb-4 border rounded">
-    <label for="questions-council-name" class="d-block">Show questions for a specific council</label>
+    <label for="questions-council-name" class="d-block mb-2">Show questions for a specific council</label>
     <input class="form-control searchbar js-methodology-council-autocomplete" type="search" placeholder="Council name" aria-label="Council name" id="questions-council-name">
-    <p class="mt-3 mt-lg-4 mb-0">Or show questions by type of council</p>
+    <p class="mt-3 mt-lg-4 mb-2">Or show questions by type of council</p>
     <div class="type-council-option-wrapper">
         <button class="btn btn-outline-primary btn-sm is--with-label" data-methodology-switch-council-type="single" data-bs-toggle="tooltip" data-bs-placement="top"
         data-bs-custom-class="custom-tooltip"
         data-bs-title="This includes all London, Welsh and Scottish councils as well as Metropolitan Borough Councils and Unitary Councils.">
             <span>Single Tier</span>
             {% include 'caps/icons/question-circle.html' with classes='ms-1 align-text-top' width='1.1rem' height='1.1rem' role='presentation' %}
         </button>
-        <button class="radio-btn is--with-label mr-1" data-methodology-switch-council-type="district">District</button>
-        <button class="radio-btn is--with-label mr-1" data-methodology-switch-council-type="county">County</button>
-        <button class="radio-btn is--with-label mr-1" data-methodology-switch-council-type="northern-ireland">Northern Ireland</button>
-        <button class="radio-btn is--with-label mr-1" data-methodology-switch-council-type="combined">Combined Authority</button>
+        <button class="btn btn-outline-primary btn-sm is--with-label" data-methodology-switch-council-type="district">District</button>
+        <button class="btn btn-outline-primary btn-sm is--with-label" data-methodology-switch-council-type="county">County</button>
+        <button class="btn btn-outline-primary btn-sm is--with-label" data-methodology-switch-council-type="northern-ireland">Northern Ireland</button>
+        <button class="btn btn-outline-primary btn-sm is--with-label" data-methodology-switch-council-type="combined">Combined Authority</button>
     </div>
 </div>