From 9922b7c30ac94bf1bd8c2ee32e693ec22f7639c6 Mon Sep 17 00:00:00 2001
From: Cristina Cochior <clcochior@gmail.com>
Date: Thu, 29 Oct 2020 14:28:28 +0100
Subject: [PATCH] change about button styling when it's clicked

---
 static/css/main.css   | 1 +
 templates/layout.html | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index 4cf2acd..19b4a06 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -459,6 +459,7 @@ button {
     border: 0;
     padding: 0;
     z-index: 2;
+    background: #f0f0f0;
 }
 
 button:hover {
diff --git a/templates/layout.html b/templates/layout.html
index c691b90..5f7cdb2 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -293,11 +293,13 @@ var flag = true;
           $("#insert").css("display","block");
           $("#intro").css("display","block");
           $("#howto").css("display","block");
+          $("#about").css("background","#ec4e1e");
           introflag = false;
         } else {
           $("#insert").css("display","none");
           $("#intro").css("display","none");
           $("#howto").css("display","none");
+          $("#about").css("background","#f0f0f0");
           introflag = true;
         }
       });
@@ -305,6 +307,7 @@ var flag = true;
         $("#insert").css("display","none");
         $("#intro").css("display","none");
         $("#howto").css("display","none");
+        $("#about").css("background","#f0f0f0");
         introflag = true;
       });