fix: search result panel positioning (#14)

* search result fix * twitter icon style change
filipowm · Aug 26, 2019 · 3ccc80c · 3ccc80c
1 parent 1ba8722
commit 3ccc80c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/Header.js b/src/components/Header.js
@@ -110,7 +110,7 @@ const Header = ({location}) => (
                 {tweetText !== '' ?
                   (<li>
                     <a href={'https://twitter.com/intent/tweet?&text=' + tweetText} target="_blank">
-                      <img className={'twitterIcon'} src={twitter} alt={'Twitter'} />
+                      <img className={'shareIcon'} src={twitter} alt={'Twitter'} />
                     </a>
                    </li>) : null
                 }

diff --git a/src/components/styles.css b/src/components/styles.css
@@ -100,6 +100,7 @@ body {
   padding-right: 20px;
   flex: 1;
   max-width: 600px;
+  position: relative;
 }
 .searchWrapper a {
   font-weight: 500;
@@ -111,12 +112,13 @@ body {
   border-radius: 4px;
   position: absolute;
   max-width: 600px;
-  top: 70px;
+  top: 40px;
   border: 1px solid #ccc;
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
   height: auto;
   max-height: 80vh;
   overflow: scroll;
+  left: 0;
 }
 .showResults {
   display: block;
@@ -206,7 +208,7 @@ body {
   display: flex;
   align-items: center;
 }
-.navBarUL li a img
+.navBarUL li a img, .navBarUL li a .shareIcon
 {
   width: 20px;
 }