From e61a70663dc6b60018d1774aedbb0e049653233e Mon Sep 17 00:00:00 2001
From: Ben Oukhanov <ben1zuk321@gmail.com>
Date: Fri, 20 Sep 2024 15:33:30 +0300
Subject: [PATCH] style(frontend): change button background colors

---
 src/frontend/src/components/App/App.jsx |  6 +++++-
 src/frontend/src/components/App/app.css | 14 ++++++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/App/App.jsx b/src/frontend/src/components/App/App.jsx
index e4dfa954a..202b5ae55 100644
--- a/src/frontend/src/components/App/App.jsx
+++ b/src/frontend/src/components/App/App.jsx
@@ -90,7 +90,11 @@ function Footer() {
     <div className="footer">
       <h4>
         Made with <span style={{ color: "#E91E63" }}>&#x2764;</span> by{" "}
-        <a href="https://codingben.io" target="_blank">
+        <a
+          href="https://codingben.io"
+          target="_blank"
+          style={{ textDecoration: "none" }}
+        >
           Ben Oukhanov
         </a>
       </h4>
diff --git a/src/frontend/src/components/App/app.css b/src/frontend/src/components/App/app.css
index 25f7b9af9..2c99a00d3 100644
--- a/src/frontend/src/components/App/app.css
+++ b/src/frontend/src/components/App/app.css
@@ -15,7 +15,7 @@
 }
 
 .fullscreen-button {
-  background-color: white;
+  background-color: transparent;
   background-repeat: no-repeat;
   border: none;
   cursor: pointer;
@@ -27,12 +27,13 @@
   margin: 26px 115px;
   font-size: 23px;
   font-family: Arial;
-  color: black;
+  font-weight: bold;
+  color: white;
   border-radius: 12px;
 }
 
 .fullscreen-button:hover {
-  color: darkgrey;
+  color: #D3D3D3;
 }
 
 /* .login-button {
@@ -56,7 +57,7 @@
 } */
 
 .github-button {
-  background-color: white;
+  background-color: transparent;
   background-repeat: no-repeat;
   border: none;
   cursor: pointer;
@@ -68,12 +69,13 @@
   margin: 26px 20px;
   font-size: 23px;
   font-family: Arial;
-  color: black;
+  font-weight: bold;
+  color: white;
   border-radius: 12px;
 }
 
 .github-button:hover {
-  color: darkgrey;
+  color: #D3D3D3;
 }
 
 /* Loader */