From 5e5c8c776628386e27be855a9da9c23a26c311f6 Mon Sep 17 00:00:00 2001
From: marcobaobao <marco.piovanello@gmail.com>
Date: Sat, 5 Mar 2022 11:08:05 +0100
Subject: [PATCH] Integrated Korean translation from PR #5 by kimpig

---
 frontend/src/App.tsx               |  9 +++++----
 frontend/src/components/Footer.tsx | 10 +++++-----
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index f0b9a84..e3506bc 100755
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -302,7 +302,7 @@ export function App() {
                                                 <Row>
                                                     <Col>
                                                         <Button className="float-end buttonAbort" size="sm" onClick={() => abort(message[0])}>
-                                                            <StopFill></StopFill>
+                                                            <StopFill className="mb-1"></StopFill>
                                                         </Button>
                                                     </Col>
                                                 </Row>
@@ -319,18 +319,19 @@ export function App() {
 
                         <div className="my-4">
                             <span className="settings" onClick={() => setShowSettings(!showSettings)}>
-                                <GearFill></GearFill>
+                                <GearFill className="mb-1"></GearFill>
                             </span>
                             {' '}
                             <span className="settings" onClick={() => setShowLanguages(!showLanguages)}>
-                                <Translate></Translate>
+                                <Translate className="mb-1"></Translate>
                             </span>
                             {showLanguages ?
                                 <select className="form-select mt-2" onChange={handleLanguageChage} defaultValue={language}>
                                     <option value="english">English</option>
                                     <option value="italian">Italian</option>
-                                    <option value="chinese">Chinese</option>
                                     <option value="spanish">Spanish</option>
+                                    <option value="chinese">Chinese</option>
+                                    <option value="korean">Korean</option>
                                     <option value="russian">Russian</option>
                                 </select>
                                 : null
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index e42890b..2e92127 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -18,12 +18,12 @@ export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props)
                     <small>Made with ❤️ on 🌍</small>
                 </span>
                 <span className="px-3 separator">
-                    <HddStackFill></HddStackFill> {' '}
+                    <HddStackFill className="mb-1"></HddStackFill> {' '}
                     <small>{freeSpace ? `${freeSpace.trim()}iB` : '-'}</small>
                 </span>
                 {isDesktop ?
                     <span className="px-3 separator">
-                        <Ethernet></Ethernet> {' '}
+                        <Ethernet className="mb-1"></Ethernet> {' '}
                         <small>{serverAddr ? `${serverAddr}:3022` : 'not defined'}</small>
                     </span> :
                     null
@@ -31,13 +31,13 @@ export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props)
                 <span className="px-3 separator">
                     <small title={connected ? 'Successfully connected!' : 'Can\'t connect to server'}>
                         {connected ?
-                            <CheckSquareFill style={{ color: '#03b703' }} /> :
-                            <XSquareFill style={{ color: '#e83a3a' }} />
+                            <CheckSquareFill className="mb-1" style={{ color: '#03b703' }} /> :
+                            <XSquareFill className="mb-1" style={{ color: '#e83a3a' }} />
                         }
                     </small>
                 </span>
                 <span className="float-end website" onClick={() => window.open('https://github.com/marcobaobao/yt-dlp-web-ui')}>
-                    <Github></Github>
+                    <Github className="mb-1"></Github>
                 </span>
             </div>
         </footer >