From fa8855e6de35ad87e0ca0e65f18adcc0dea03cb3 Mon Sep 17 00:00:00 2001
From: Klaudia <klakan1@st.amu.edu.pl>
Date: Fri, 15 Jan 2021 13:24:01 +0100
Subject: [PATCH] Poprawione buttony

---
 .../templates/homepage/offer_page.html        | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/SocialHelper/homepage/templates/homepage/offer_page.html b/SocialHelper/homepage/templates/homepage/offer_page.html
index 296670c..e03721b 100644
--- a/SocialHelper/homepage/templates/homepage/offer_page.html
+++ b/SocialHelper/homepage/templates/homepage/offer_page.html
@@ -8,6 +8,40 @@
       .tabcontent {
         display: none;
       }
+
+      /* Style the tab */
+      .tab {
+        float: left;
+        border: 1px solid #ccc;
+        background-color: #f1f1f1;
+        width: 100%;
+        height: 300px;
+      }
+
+      /* Style the buttons inside the tab */
+      .tab button {
+        display: block;
+        background-color: inherit;
+        color: black;
+        padding: 22px 16px;
+        width: 100%;
+        border: none;
+        outline: none;
+        text-align: left;
+        cursor: pointer;
+        transition: 0.3s;
+        font-size: 17px;
+      }
+
+      /* Change background color of buttons on hover */
+      .tab button:hover {
+        background-color: #ddd;
+      }
+
+      /* Create an active/current "tab button" class */
+      .tab button.active {
+        background-color: #ccc;
+      }      
 </style>
 
     <!--================Categories Banner Area =================-->