feat: move navbar to the left

Author: epiqueras

index.html

@@ -496,22 +496,22 @@ <h5 class="Footer-findOutMore row">Find out more.</h5>
           <h5 class="row">Let's connect.</h5>
           <div class="row">
             <div>
-              <a href="https://twitter.com/kleros_io" target="_blank">
+              <a class="Footer-socialLink" href="https://twitter.com/kleros_io" target="_blank">
                 <img src="img/twitter.svg" alt="Twitter" class="Footer-socialIcon">
               </a>
-              <a href="https://www.facebook.com/kleros.io" target="_blank">
+              <a class="Footer-socialLink" href="https://www.facebook.com/kleros.io" target="_blank">
                 <img src="img/facebook.svg" alt="Facebook" class="Footer-socialIcon">
               </a>
-              <a href="https://www.linkedin.com/company/kleros" target="_blank">
+              <a class="Footer-socialLink" href="https://www.linkedin.com/company/kleros" target="_blank">
                 <img src="img/linked-in.svg" alt="LinkedIn" class="Footer-socialIcon">
               </a>
-              <a href="https://medium.com/kleros" target="_blank">
+              <a class="Footer-socialLink" href="https://medium.com/kleros" target="_blank">
                 <img src="img/medium.svg" alt="Medium" class="Footer-socialIcon">
               </a>
-              <a href="https://t.me/kleros" target="_blank">
+              <a class="Footer-socialLink" href="https://t.me/kleros" target="_blank">
                 <img src="img/telegram.svg" alt="Telegram" class="Footer-socialIcon">
               </a>
-              <a href="https://www.reddit.com/r/Kleros" target="_blank">
+              <a class="Footer-socialLink" href="https://www.reddit.com/r/Kleros" target="_blank">
                 <img src="img/reddit.svg" alt="Reddit" class="Footer-socialIcon">
               </a>
             </div>

style.css

@@ -207,6 +207,7 @@ p {
 .Header-btn-readTheWhitepaper {
   border: none;
   margin-left: 61px;
+  margin-right: 60px;
 }
 
 .Header-banner {
@@ -764,6 +765,10 @@ p {
   font-weight: 300;
 }
 
+.Footer-socialLink:hover {
+  text-decoration: none;
+}
+
 .Footer-socialIcon {
   height: 37px;
   margin-right: 8px;