From dabfe5a43f1e6120984085ea24cddfcd4bb2f5fc Mon Sep 17 00:00:00 2001
From: Maria Rushkova <maryrushkova@gmail.com>
Date: Wed, 4 Aug 2021 13:12:37 +0200
Subject: [PATCH] Change jon section layout

---
 index.html | 66 ++++++++++++++++++++++++++++++++----------------------
 1 file changed, 39 insertions(+), 27 deletions(-)

diff --git a/index.html b/index.html
index 34ec6f6..ab2fdb0 100644
--- a/index.html
+++ b/index.html
@@ -569,7 +569,9 @@ layout: default
       class="flex flex-col sl:flex-row sl:justify-between lg:max-w-screen-ml"
     >
       <div class="join__option w-full sl:w-4/12 flex sl:flex-col mb-16 sl:mb-0">
-        <div class="flex justify-center mr-6 sl:mr-0 mb-5 lg:mb-8">
+        <div
+          class="flex justify-center items-center h-8 mr-6 sl:mr-0 mb-5 lg:mb-8"
+        >
           <a href="https://status.im/our_team/jobs.html" target="_blank"
             ><svg
               width="28"
@@ -618,14 +620,16 @@ layout: default
             </svg>
           </a>
         </div>
-        <div class="flex flex-col">
-          <h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
-            Join the team
-          </h2>
-          <p class="w-full text-s lg:text-base mb-3">
-            We are a remote team of researchers dedicated to building a fair
-            internet.
-          </p>
+        <div class="flex flex-col justify-between flex-1">
+          <div>
+            <h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
+              Join the team
+            </h2>
+            <p class="w-full text-s lg:text-base mb-3">
+              We are a remote team of researchers dedicated to building a fair
+              internet.
+            </p>
+          </div>
           <div class="media__link container flex justify-start">
             <a class="link link--external" href="https://discord.com/"
               >View open roles</a
@@ -646,7 +650,9 @@ layout: default
           lg:ml-5
         "
       >
-        <div class="flex justify-center mr-6 sl:mr-0 mb-5 lg:mb-8">
+        <div
+          class="flex justify-center items-center h-8 mr-6 sl:mr-0 mb-5 lg:mb-8"
+        >
           <a href="https://discord.com/" target="_blank"
             ><svg
               width="25"
@@ -663,14 +669,16 @@ layout: default
             </svg>
           </a>
         </div>
-        <div class="flex flex-col">
-          <h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
-            Join the convo
-          </h2>
-          <p class="w-full text-s lg:text-base mb-3">
-            Ask questions or speak with us about our work as we research new
-            means of communication.
-          </p>
+        <div class="flex flex-col justify-between flex-1">
+          <div>
+            <h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
+              Join the convo
+            </h2>
+            <p class="w-full text-s lg:text-base mb-3">
+              Ask questions or speak with us about our work as we research new
+              means of communication.
+            </p>
+          </div>
           <div class="media__link container flex justify-start">
             <a class="link link--external" href="https://discord.com/"
               >Join our Discord</a
@@ -682,7 +690,9 @@ layout: default
       <div
         class="join__option w-full sl:w-4/12 flex sl:flex-col sl:ml-2 lg:ml-5"
       >
-        <div class="flex justify-center mr-6 sl:mr-0 mb-5 lg:mb-8">
+        <div
+          class="flex justify-center items-center h-8 mr-6 sl:mr-0 mb-5 lg:mb-8"
+        >
           <a href="https://github.com/vacp2p" target="_blank"
             ><svg
               width="26"
@@ -699,14 +709,16 @@ layout: default
             </svg>
           </a>
         </div>
-        <div class="flex flex-col">
-          <h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
-            Contribute on Github
-          </h2>
-          <p class="w-full text-s lg:text-base mb-3">
-            Our work is open source and free for anyone to contribute to, use,
-            and modify for their needs.
-          </p>
+        <div class="flex flex-col justify-between flex-1">
+          <div>
+            <h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
+              Contribute on Github
+            </h2>
+            <p class="w-full text-s lg:text-base mb-3">
+              Our work is open source and free for anyone to contribute to, use,
+              and modify for their needs.
+            </p>
+          </div>
           <div class="media__link container flex justify-start">
             <a class="link link--external" href="https://discord.com/"
               >Contribute</a