Update footer.css

aelassas · Dec 7, 2024 · 2d64161 · 2d64161
1 parent 363c759
commit 2d64161
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/frontend/src/assets/css/footer.css b/frontend/src/assets/css/footer.css
@@ -6,9 +6,9 @@ div.footer {
   display: flex;
   flex-direction: column;
   background: #f2f2f2;
-  color: #70757a;
+  color: #1a1a1a;
   border-top: 1px solid #ebebeb;
-  font-size: 12px;
+  font-size: 13px;
   padding: 12px;
   transform: translate3d(0, 0, 0);
 }
@@ -17,25 +17,24 @@ div.footer div.header {
   text-decoration: none;
   font-size: 18px;
   font-weight: 500;
-  color: #121212;
 }
 
 div.footer section.main {
   width: 100%;
   display: flex;
   flex-direction: row;
   margin-bottom: 15px;
+  padding-bottom: 80px;
 }
 
 div.footer div.main-section {
   flex: 1 1 0%;
-  font-weight: bold;
 }
 
 div.footer div.main-section div.title {
   text-align: left;
   margin-bottom: 10px;
-  color: #121212;
+  font-weight: bold;
 }
 
 div.footer ul.links {
@@ -51,6 +50,7 @@ div.footer ul.links li {
 
 div.footer ul.links li:hover {
   opacity: 0.85;
+  text-decoration: underline;
 }
 
 div.footer div.contact {
@@ -61,16 +61,18 @@ div.footer div.contact {
 }
 
 div.footer div.contact .icon {
+  color: #525252;
   margin-right: 5px;
 }
 
 div.footer div.contact a {
   text-decoration: none;
-  color: #70757a;
+  color: #1a1a1a;
 }
 
 div.footer div.contact a:hover {
   opacity: 0.85;
+  text-decoration: underline;
 }
 
 div.footer div.contact .social-icon {
@@ -113,10 +115,11 @@ div.footer section.payment div.payment-text {
 
 div.footer section.copyright {
   width: 100%;
-  padding: 40px 0 15px;
+  padding: 15px 0 15px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  border-top: 1px solid #dbdbdb;
 }
 
 @media only screen and (width >=960px) {