From e1254e4437979a411d2ae0ae7d33d98151e9afee Mon Sep 17 00:00:00 2001
From: Luis Aleixo <luis.aleixo@cern.ch>
Date: Wed, 10 Nov 2021 16:31:34 +0100
Subject: [PATCH] Added App buttons for mobile version

---
 cara/apps/static/css/style.css    | 4 ++++
 cara/apps/templates/index.html.j2 | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/cara/apps/static/css/style.css b/cara/apps/static/css/style.css
index a6ae3556..ec85a541 100644
--- a/cara/apps/static/css/style.css
+++ b/cara/apps/static/css/style.css
@@ -61,6 +61,7 @@ body {
   color: rgb(45, 138, 241)!important;
 } */
 
+
 /*============= SPLIT =============*/
 
 .split {
@@ -238,6 +239,9 @@ footer img {
     height: 6em;
     margin: 1%;
   }
+  #mobile-app-buttons {
+    display: none!important;
+  }
   .feedback {
     float:right; 
     font-size:1rem; 
diff --git a/cara/apps/templates/index.html.j2 b/cara/apps/templates/index.html.j2
index 92765603..fe2afdd3 100644
--- a/cara/apps/templates/index.html.j2
+++ b/cara/apps/templates/index.html.j2
@@ -10,6 +10,10 @@
 </header>
    
 <div class="container container--padding">
+  <div class="d-flex flex-row mb-3 justify-content-around" id="mobile-app-buttons">
+    <div><a href="{{ calculator_prefix }}" role="button" class="btn btn-outline-primary"><div class="d-flex d-row"><i class="icon-calculator"></i><span class="pl-1">Calculator</div></a></div>
+    <div><a href="https://cara.web.cern.ch/expert-app" role="button" class="btn btn-outline-secondary"><div class="d-flex d-row"><i class="icon-expert"></i><span class="pl-1">Expert (beta)</div></a></div>
+  </div>
   <div class="split">
     <div class="col-sm-8 pl-0">
       <h2 class="paragraph-title">Introduction</h2><br>