update ui

i18n.js

@@ -11,7 +11,7 @@ const translations = {
     loginError: 'Incorrect credentials. Please try again.',
     fakeAccountsLabel: 'Sample accounts',
     logoutButton: 'Log out',
-    languageLabel: 'Language',
+    languageLabel: 'Select Language',
     languageJapanese: 'Japanese',
     languageEnglish: 'English',
     languageVietnamese: 'Vietnamese',
@@ -145,7 +145,7 @@ const translations = {
     loginError: '認証情報が正しくありません。もう一度お試しください。',
     fakeAccountsLabel: 'サンプルアカウント',
     logoutButton: 'ログアウト',
-    languageLabel: '言語',
+    languageLabel: '言語を選択',
     languageJapanese: '日本語',
     languageEnglish: '英語',
     languageVietnamese: 'ベトナム語',
@@ -275,7 +275,7 @@ const translations = {
     loginError: 'Sai thông tin đăng nhập, vui lòng thử lại.',
     fakeAccountsLabel: 'Tài khoản mẫu',
     logoutButton: 'Đăng xuất',
-    languageLabel: 'Ngôn ngữ',
+    languageLabel: 'Chọn Ngôn Ngữ',
     languageJapanese: 'Tiếng Nhật',
     languageEnglish: 'Tiếng Anh',
     languageVietnamese: 'Tiếng Việt',

index.html

@@ -27,7 +27,7 @@
               <option value="vi" data-i18n="languageVietnamese">Vietnamese</option>
             </select>
           </div>
-          <button id="btn-logout" class="btn btn-logout" data-i18n="logoutButton">Log out</button>
+          <button id="btn-logout" class="btn btn-logout btn-logoutbtn-logout" data-i18n="logoutButton">Log out</button>
         </div>
       </header>
       <main class="main-content">

styles.css

@@ -114,12 +114,17 @@ body {
 }
 
 .language-select {
-  padding: 6px 10px;
+  padding: 6px 34px 6px 10px;
   border: 1px solid #ced4da;
   border-radius: 6px;
   background-color: #ffffff;
   color: #333;
   cursor: pointer;
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  background-size: 14px;
 }
 
 .language-select:focus {
@@ -1187,3 +1192,8 @@ textarea:focus {
   color: #334155;
   font-size: 14px;
 }
+
+.btn-logout {
+  padding: 6px 10px;
+  height: 37px;
+}