update telegram

n1c01a5 · n1c01a5 · commit 02825b6bd77b · 2018-02-20T12:58:47.000+01:00
diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
     <link rel="stylesheet" href="./style.css" />
   </head>
-	
+
   <body data-spy="scroll" data-target="#navbar-top" id="kleros">
     <!-- Google Tag Manager (noscript) -->
     <noscript>
@@ -46,7 +46,7 @@
       </iframe>
     </noscript>
     <!-- End Google Tag Manager (noscript) -->
-    
+
     <div class="container-fluid">
       <nav id="navbar-top" class="navbar fixed-top navbar-inverse navbar-toggleable-md navbar-light bg-faded navbar-fixed-top" role="navigation">
         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
@@ -106,7 +106,9 @@ <h1 class="kleros-title">THE JUSTICE PROTOCOL</h1>
               <div class="hidden-md-down">
                 <a class="btn btn-lg btn-how-it-works" href="#how-it-works">How it works?</a>
                 <a class="btn btn-lg btn-primary btn-wp" href="assets/whitepaper.pdf">Read the white paper</a>
-		<a class="btn btn-lg btn-telegram" href="https://t.me/kleros">Telegram Chat</a>      
+                <a href="https://t.me/kleros">
+                  <img class="btn-telegram" src="img/Telegram-icon-sq.png" alt="kleros telegram" />
+                </a>
               </div>
               <div class="hidden-lg-up">
                 <div class="row">
@@ -119,11 +121,6 @@ <h1 class="kleros-title">THE JUSTICE PROTOCOL</h1>
                     <a class="btn btn-lg btn-primary btn-wp btn-block" href="assets/whitepaper.pdf">Download the white paper</a>
                   </div>
                 </div>
-		<div class="row">
-                  <div class="col-lg-12 no-padding">
-                    <a class="btn btn-lg btn-telegram btn-block" href="https://t.me/kleros">Telegram Chat</a>
-			 <a> <img src="img/Telegram-icon-sq.png" alt="kleros telegram" /> </a>
-                  </div>      
               </div>
             </div>
           </div>
@@ -993,8 +990,6 @@ <h2 class="contact-title-section">CONTACT</h2>
       </footer>
     </div>
 
- 
-
     <!-- jQuery first, then Tether, then Bootstrap JS. -->
     <script
       src="https://code.jquery.com/jquery-3.2.1.min.js"
diff --git a/style.css b/style.css
@@ -184,6 +184,11 @@ body {
   width: 40px;
 }
 
+.btn-telegram {
+  width: 52px;
+  margin-left: 12px;
+}
+
 @media (max-width: 576px) {
   .kleros-wording {
     padding: 0;
@@ -212,6 +217,12 @@ body {
   }
 }
 
+@media (max-width: 1200px) {
+  .btn-telegram {
+    display: none;
+  }
+}
+
 /**************** End Kleros section ****************/
 
 /**************** Protocol section ****************/
@@ -729,5 +740,3 @@ footer-right a {
 }
 
 /**************** End Footer ****************/
-
-
