diff --git a/packages/app/components/footerMenu/FooterMenu.story.tsx b/packages/app/components/footerMenu/FooterMenu.story.tsx
index e5458ba..89a9103 100644
--- a/packages/app/components/footerMenu/FooterMenu.story.tsx
+++ b/packages/app/components/footerMenu/FooterMenu.story.tsx
@@ -4,7 +4,7 @@ import { storiesOf } from '@storybook/react';
import FooterMenu from './FooterMenu';
const PreviewWrapper: ComponentType<{ style?: CSSProperties }> = ({ style, children }) => (
-
{children}
+ {children}
);
storiesOf('Components', module).add('FooterMenu', () => (
diff --git a/packages/app/components/footerMenu/FooterMenu.tsx b/packages/app/components/footerMenu/FooterMenu.tsx
index 0ea11e6..f59ab29 100644
--- a/packages/app/components/footerMenu/FooterMenu.tsx
+++ b/packages/app/components/footerMenu/FooterMenu.tsx
@@ -20,18 +20,33 @@ const FooterMenu: ComponentType = () => {
return (
-
-
-
-
-
-
-
-
-
+
+
+
+
-
+
+
+
+
+
+
+ {'ꞏ'}
+
+ {/* TODO: on click open the source code popup */}
+
+
+
+
+
+
+
diff --git a/packages/app/components/footerMenu/footerMenu.scss b/packages/app/components/footerMenu/footerMenu.scss
index bf15007..1be8be0 100644
--- a/packages/app/components/footerMenu/footerMenu.scss
+++ b/packages/app/components/footerMenu/footerMenu.scss
@@ -7,23 +7,15 @@
line-height: 12px;
}
+.row {
+ margin-bottom: 2px;
+}
+
.footerItem {
display: inline-block;
- margin: 2px 5px 2px 0;
+ margin: 2px 2px;
color: #666;
border-bottom-color: #666;
-
- &:last-of-type {
- margin-right: 0;
- }
-}
-
-.langTriggerContainer {
- margin-top: 1px;
-}
-
-.langTrigger {
- composes: footerItem;
}
.langTriggerIcon {