Merge pull request #8317 from braze-inc/ge-4003-ada-fieldset

ADA use field set for partner label
braze-inc · Oct 28, 2024 · c869c6b · c869c6b
2 parents 630f892 + 104ac2a
commit c869c6b
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 21 deletions.
diff --git a/_layouts/partner_page.html b/_layouts/partner_page.html
@@ -299,27 +299,30 @@
     {%- endunless -%}
 
     <h1> {{ page.partner_top_header | markdownify }} </h1>
-    <p class="partner_text">  {{ page.partner_top_text }} </p>
-
-    <div id="partner_filter">
-      <div class="partner_filter_div">
-        <input id="partner_search" type="search" placeholder="Search"></div>
-      <div class="partner_filter_div"><select id="partner_category" class="select">
-        <option value="">All Categories</option>
-      </select>
-
-  </div>
-      <div class="partner_filter_div"><select id="partner_specialty" class="select">
-        <option value="">All Specialties</option>
-      </select>
-  </div>
-      <div class="partner_filter_div"><select id="partner_solutions" class="select">
-        <option value="">All Solutions</option>
-      </select>
-  </div>
-
-    </div>
 
+    <fieldset class="partner_text">
+      <legend>  {{ page.partner_top_text }} </legend>
+
+      <div id="partner_filter">
+        <div class="partner_filter_div">
+          <input id="partner_search" type="search" placeholder="Search"></div>
+        <div class="partner_filter_div">
+          <select id="partner_category" class="select">
+            <option value="">All Categories</option>
+          </select>
+        </div>
+        <div class="partner_filter_div">
+          <select id="partner_specialty" class="select">
+            <option value="">All Specialties</option>
+          </select>
+        </div>
+        <div class="partner_filter_div">
+          <select id="partner_solutions" class="select">
+            <option value="">All Solutions</option>
+          </select>
+        </div>
+      </div>
+    </fieldset>
     <div id="partner_list" class="flex mx-auto">
 
     </div>

diff --git a/assets/css/_partner_page.scss b/assets/css/_partner_page.scss
@@ -101,7 +101,7 @@
     }
     #partner_search {
       width: 100%;
-      padding: 14px 14px 14px 30px;
+      padding: 16px 14px 14px 30px;
       font-size: 14px;
       line-height: 1.15;
       margin: 0;
@@ -114,6 +114,7 @@
       background-repeat: no-repeat;
       background-color: transparent;
       border-radius: 6px;
+      border: 2px solid black;
     }
 
     .select {