refactor(media-query): make footer to center

Author: mydearxym

containers/Footer/BriefView.js

@@ -2,6 +2,7 @@ import React from 'react'
 
 import { ISSUE_ADDR, API_SERVER_ADDR } from 'config'
 import BottomInfo from './BottomInfo'
+import MobilBottomInfo from './MobilBottomInfo'
 
 import {
   Wrapper,
@@ -69,6 +70,7 @@ const BriefView = () => (
       </BaseInfo>
     </MainInfos>
     <BottomInfo />
+    <MobilBottomInfo />
   </Wrapper>
 )
 

containers/Footer/styles/mobile_bottom_info.js

@@ -3,10 +3,8 @@ import styled from 'styled-components'
 import { theme, cs } from 'utils'
 
 export const MainInfoWrapper = styled.div`
-  ${cs.flex('align-center')};
+  ${cs.flex('align-both')};
   height: 50px;
-  padding-left: 6%;
-  padding-right: 6%;
   display: none;
   ${cs.media.mobile`display: flex;`};
 `