fix(wiki-thread): align righ-part btn, desc etc

Author: mydearxym

containers/WikiThread/index.js

@@ -17,16 +17,7 @@ import { ArticleContentLoading } from '@components/LoadingEffects'
 import GithubSyncWarning from '@components/GithubSyncWarning'
 import Contributors from './Contributors'
 
-import {
-  Wrapper,
-  LeftPart,
-  WikiWrapper,
-  LeftPadding,
-  RightPart,
-  RightPadding,
-  PublishBtn,
-} from './styles'
-
+import { Wrapper, LeftPart, WikiWrapper, RightPart, PublishBtn } from './styles'
 import { useInit, syncWarnOnClose } from './logic'
 
 /* eslint-disable-next-line */
@@ -64,7 +55,6 @@ const WikiThreadContainer = ({ wikiThread }) => {
   return (
     <Wrapper>
       <GithubSyncWarning show={showSyncWarning} onClose={syncWarnOnClose} />
-      <LeftPadding />
       <LeftPart>
         <WikiWrapper>{renderView(wikiData, curView, communityRaw)}</WikiWrapper>
       </LeftPart>
@@ -91,7 +81,6 @@ const WikiThreadContainer = ({ wikiThread }) => {
           />
         </React.Fragment>
       </RightPart>
-      <RightPadding />
     </Wrapper>
   )
 }

containers/WikiThread/styles/index.js

@@ -9,12 +9,6 @@ export const Wrapper = styled.div`
   ${cs.flex()};
   width: 100%;
 `
-export const LeftPadding = styled.div`
-  width: 3vw;
-`
-export const RightPadding = styled.div`
-  width: 4vw;
-`
 export const LeftPart = styled.div`
   flex-grow: 1;
   width: 100%;
@@ -23,9 +17,9 @@ export const WikiWrapper = styled.div`
   width: 90%;
 `
 export const RightPart = styled.div`
-  ${cs.flexColumn('align-center')};
-  width: 25vw;
-  margin-left: 30px;
+  ${cs.flexColumn('align-start')};
+  width: 280px;
+  margin-left: 50px;
   padding-top: 5px;
   ${cs.media.tablet`display: none;`};
 `