From ab633908cc71080f31f1545f9c5917f143f95a4b Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 1 Jun 2021 04:40:27 -0400
Subject: [PATCH] use h3 instead of label for visual consistency (#3862)

* use h3 instead of label for visual consistency

* semantic html

* Update client/src/settings/app.tsx

Co-authored-by: Schalk Neethling <volume4.schalk+github@gmail.com>

* cleanup unused scss

* prettier

Co-authored-by: Schalk Neethling <volume4.schalk+github@gmail.com>
---
 client/src/settings/app.tsx    |  8 ++++----
 client/src/settings/index.scss | 10 ----------
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/client/src/settings/app.tsx b/client/src/settings/app.tsx
index 2572f203bc0b..c87603fefb88 100644
--- a/client/src/settings/app.tsx
+++ b/client/src/settings/app.tsx
@@ -225,9 +225,7 @@ function Settings({
       )}
 
       <div className="field-group">
-        <label htmlFor="id_locale" className="slab-highlight">
-          Change language
-        </label>
+        <h3>Default language</h3>
 
         {sent && !sendError && (
           <div className="notecard success">
@@ -244,7 +242,9 @@ function Settings({
             <a href={window.location.pathname}>Reload page to try again.</a>
           </div>
         )}
-
+        <label htmlFor="id_locale" className="visually-hidden">
+          Change language
+        </label>
         <select
           id="id_locale"
           name="locale"
diff --git a/client/src/settings/index.scss b/client/src/settings/index.scss
index ca0382d15a9d..410e9eb0889a 100644
--- a/client/src/settings/index.scss
+++ b/client/src/settings/index.scss
@@ -19,16 +19,6 @@
 
   .field-group {
     margin: math.div($base-spacing, 2) 0;
-
-    label {
-      font-size: $large-font-size-mobile;
-      line-height: $heading-line-height;
-      margin-bottom: $base-spacing;
-
-      @media #{$mq-tablet-and-up} {
-        font-size: $large-font-size;
-      }
-    }
   }
 
   .notecard {