Verified Commit da8df81f authored by Silvio Rhatto's avatar Silvio Rhatto
Browse files

Fix: social buttons: position and alignment

parent 36ff7ad6

templates/macros/footer.html

+6 −2
Original line number Diff line number Diff line
@@ -7,18 +7,22 @@ 
      <div class="social-button">

        <a href="https://t.me/TorProjectSupportBot" class="button"><img src="{{ 'telegram-brands.svg' | asseturl }}" class="rtl-hide">Telegram: @TorProjectSupportBot<img src="{{ 'telegram-brands.svg' | asseturl }}" class="rtl-show"></a>

      </div>



      <div class="social-button">

        <a href="https://signal.me/#p/+17787431312" class="button"><img src="{{ 'signal.svg' | asseturl }}" class="rtl-hide">Signal: +1 778-743-1312<img src="{{ 'signal.svg' | asseturl }}" class="rtl-show"></a>

      </div>

    </div>



      <div class="social-button">

        <a href="https://forum.torproject.net/" class="button"><img src="{{ 'discourse-brands.svg' | asseturl }}" class="rtl-hide">{{ _('Tor Project forum') }}<img src="{{ 'discourse-brands.svg' | asseturl }}" class="rtl-show"></a>

      </div>



      <div class="social-button">

        <a href="mailto:frontdesk@torproject.org" class="button"><img src="{{ 'mail.svg' | asseturl }}" class="rtl-hide">frontdesk@torproject.org<img src="{{ 'mail.svg' | asseturl }}" class="rtl-show"></a>

      </div>

      <div>



      <div class="social-button">

        <a href="https://wa.me/447421000612" class="button"><img src="{{ 'whatsapp.svg' | asseturl }}" class="rtl-hide">WhatsApp: +44 7421 000612<img src="{{ 'whatsapp.svg' | asseturl }}" class="rtl-show"></a>

      </div>

    </div>

  </div>

</footer>

templates/page.html

+10 −2
Original line number Diff line number Diff line
@@ -254,9 +254,12 @@ 
     #footer-container {

       margin: 0 auto;

       text-align: center;

       width: 36vw;

       max-width: 1200px;

     }

     #footer-container p {

       width: 36vw;

       margin: auto;

     }

     #steps-container > div.parent:nth-child(2n) {

       flex-direction: row-reverse;

     }
@@ -539,9 +542,14 @@ 
       background-size: contain;

       display: inline-block;

     }



     #social-button-container {

       display: flex;

       justify-content: space-around;

       margin-top: 40px;

     }



     #social-button-container div a {

       margin: 10px;

     }



     #language-select {