From 1b18455f9f203d971dc0e064982b2f036455d3fd Mon Sep 17 00:00:00 2001
From: SoumyaPanda <soumyaranjanpanda988@gmail.com>
Date: Mon, 17 Jun 2024 04:27:11 +0530
Subject: [PATCH] Adjusted footer for mobile visibility

---
 _includes/footer.html |  6 +++++-
 css/airspace.css      | 26 ++++++++++++++++++++++++--
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 5ebd9916..f013f5f5 100755
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -7,7 +7,11 @@ <h5 style="text-align:right;margin-right:20px;"><a href="#top" class="hrefCustom
                 <div class="row justify-content-around">
                     <div class="col-md-2 widget">
                         <h6 class="footerHeaderStyle align-center-md text-center-md">
-                            Sugar Labs® is a registered USA 501(c)(3) tax-exempt, not-for-profit organization, supported by our generous contributors and sponsors. <a href="https://wiki.sugarlabs.org/go/Sugar_Labs/Donate">Donate</a> or <a href="https://wiki.sugarlabs.org/go/Sugar_Labs/Getting_Involved">Volunteer</a> today!
+                            Sugar Labs® is a registered USA 501(c)(3) tax-exempt, not-for-profit organization, supported by our generous contributors and sponsors. 
+                            <p class="DonateFooter">
+                                <a href="https://wiki.sugarlabs.org/go/Sugar_Labs/Donate">Donate</a> or 
+                                <a href="https://wiki.sugarlabs.org/go/Sugar_Labs/Getting_Involved">Volunteer today</a>!
+                            </p>
                         </h6>
                     </div>
                     <div class="col-md-3 widget">
diff --git a/css/airspace.css b/css/airspace.css
index 0f8367b7..662d0667 100755
--- a/css/airspace.css
+++ b/css/airspace.css
@@ -885,12 +885,34 @@ footer .footer-manu ul li a:hover {
  padding-bottom:5px;
 }
 
+.DonateFooter {
+  font-family: 'Arial', sans-serif;
+  font-size: 16px;
+  color: #ffffff;
+  text-align: left;
+  margin: 5px 0;
+}
+
+.DonateFooter a {
+  color: #3498db;
+  text-decoration: none;
+  font-weight: bold;
+}
+
 @media only screen and (max-width: 768px) {
+  .footerHeaderStyle {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+}
      .widget_content{
-        display:none;
+        display:flex;
+        justify-content: center;
     }
     .active .widget_content{
-      display:inline;
+      display: flex;
+      flex-direction: column;
     }
     .widget h4 {
     }