#118: move LangMenu inside FooterMenu

src/components/auth/appInfo/AppInfo.jsx

@@ -3,7 +3,6 @@ import React, { Component, PropTypes } from 'react';
 import { FormattedMessage as Message } from 'react-intl';
 
 import { Button } from 'components/ui/form';
-import { LangMenu } from 'components/langMenu';
 import { FooterMenu } from 'components/footerMenu';
 
 import styles from './appInfo.scss';
@@ -56,9 +55,8 @@ export default class AppInfo extends Component {
                     <Button onClick={onGoToAuth} label={messages.goToAuth} />
                 </div>
 
-                <div className={styles.langMenu}>
+                <div className={styles.footer}>
-                    <FooterMenu skin="light" />
+                    <FooterMenu />
-                    <LangMenu />
                 </div>
             </div>
         );

src/components/auth/appInfo/appInfo.scss

@@ -65,7 +65,7 @@
     }
 }
 
-.langMenu {
+.footer {
     position: absolute;
     bottom: 10px;
     left: 0;

src/components/footerMenu/FooterMenu.jsx

@@ -3,6 +3,8 @@ import React, { Component, PropTypes } from 'react';
 import { Link } from 'react-router';
 import { FormattedMessage as Message } from 'react-intl';
 
+import { LangMenu } from 'components/langMenu';
+
 import styles from './footerMenu.scss';
 import messages from './footerMenu.intl.json';
 
@@ -10,7 +12,6 @@ export default class FooterMenu extends Component {
     static displayName = 'FooterMenu';
 
     static propTypes = {
-        skin: PropTypes.oneOf(['light', 'dark']),
         createPopup: PropTypes.func.isRequired
     };
 
@@ -24,6 +25,8 @@ export default class FooterMenu extends Component {
                 <a href="#" onClick={this.onContact}>
                     <Message {...messages.contactUs} />
                 </a>
+
+                <LangMenu />
             </div>
         );
     }

src/components/footerMenu/footerMenu.scss

@@ -1,5 +1,6 @@
 .footerMenu {
     font-size: 12px;
+    line-height: 1.5;
     color: #666;
 
     a {

src/components/langMenu/langMenu.scss

@@ -15,9 +15,11 @@
     margin: 0 auto 10px;
 
     perspective: 600px;
+    pointer-events: none;
 }
 
 .menu {
+    pointer-events: auto;
     background: #fff;
     border: 5px solid #ddd8ce;
     border-left: 0;

src/pages/profile/profile.scss

@@ -3,7 +3,7 @@
     position: relative;
     box-sizing: border-box;
 
-    padding: 55px 10px 45px; // 45px for footer
+    padding: 55px 10px 65px; // 65px for footer
 }
 
 .footer {