From 01b9b154dcd96a702c6e7b66348c05618cbb6457 Mon Sep 17 00:00:00 2001
From: Christian Grothoff <christian@grothoff.org>
Date: Fri, 4 Dec 2020 14:55:05 +0100
Subject: improve responsiveness of web site

---
 template/index.html.j2 | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'template/index.html.j2')

diff --git a/template/index.html.j2 b/template/index.html.j2
index 1c55d09d..6cc7b44f 100644
--- a/template/index.html.j2
+++ b/template/index.html.j2
@@ -3,17 +3,16 @@
   <div class="container">
 
     <div class="row justify-content-center">
-      <div class="col-8">
-        <img src="{{ url_static('images/logo-2020.jpg') }}">
-      </div>
+      <img style="width:80vw" src="{{ url_static('images/logo-2020.jpg') }}">
     </div>
 
     <div class="row mt-5">
     </div>
 
     <div class="row">
-      <div class="col">
+      <div class="col-lg-8">
         <h2>{{ _("We provide a payment system that makes <span class='tlr'>privacy-friendly</span> online transactions <span class='tlr'>fast and easy</span>.")}}</h2>
+        <p>
         <ul class="checklist">
           <li>
             <img class="checkmark" src="{{ url_static('images/checkmark.png') }}">
@@ -42,8 +41,9 @@
         </ul>
         <form action="https://demo.taler.net/" style="display:inline;"><button type="submit" class="btn btn-primary">{{ _("Try Demo!")}}</button></form>
         <form action="https://docs.taler.net/" style="display:inline;"><button type="submit" class="btn btn-secondary">{{ _("Read Docs")}}</button></form>
+        </p>
       </div>
-      <div class="col align-self-center">
+      <div class="col-lg-4">
         <img class="img-fluid" src="{{ url_static('images/stock1s.jpg') }}" style="border-radius: 1cm;" />
       </div>
     </div>
-- 
cgit v1.2.3