Merge pull request #75 from JincorTech/feature/issue-71

Fix alt dash lil screens bug

src/components/app/Topbar/index.js

@@ -6,6 +6,11 @@ import Pagename from '../Pagename';
 const Topbar = ({ pathname, openSidebar }) => (
   <div className={s.topbar}>
     <div className={s.title}><Pagename pathname={pathname}/></div>
+    <div className={s.faq}>
+      <a href="https://s3.eu-west-2.amazonaws.com/jincor-ico/docs/jincor_contributor_account_faq.pdf" target="_blank">
+        <img src={require('../../../assets/images/icons/faq.svg')}/> FAQ
+      </a>
+    </div>
     <div className={s.button}>
       <button onClick={() => openSidebar()}>
         <img src={require('../../../assets/images/icons/burger.svg')}/>

src/components/app/Topbar/styles.css

@@ -1,4 +1,5 @@
 .topbar {
+  position: relative;
   display: block;
   padding: 40px 0 30px;
   border-bottom: 1px solid #e6e8eb;
@@ -19,6 +20,29 @@
   }
 }
 
+.faq {
+  position: absolute;
+  bottom: 30px;
+  right: 0;
+
+  & img {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 7px;
+  }
+
+  & a {
+    display: inline-block;
+    vertical-align: middle;
+    font: normal 18px Roboto;
+    color: #6e7987;
+  }
+
+  @media only screen and (max-width: 480px) {
+    display: none;
+  }
+}
+
 .button {
   display: none;
 

src/containers/dashboard/AlternativeDasboard/styles.css

@@ -22,6 +22,10 @@
   color: #6e7987;
   margin-top: 15px;
 
+  @media only screen and (max-width: 1366px) {
+    width: 90%;
+  }
+
   @media only screen and (max-width: 480px) {
     width: 100%;
   }