From 613a5eaa8b482404d35eec051bc5f05f9690da0f Mon Sep 17 00:00:00 2001
From: Marc Bernard <59966492+mbtools@users.noreply.github.com>
Date: Tue, 22 Nov 2022 14:54:56 -0500
Subject: [PATCH] Add "Sponsor us" to page footer (#5882)

Co-authored-by: Lars Hvam <larshp@hotmail.com>
---
 src/ui/zabapgit_css_common.w3mi.data.css        | 12 ++++++------
 src/ui/zabapgit_css_theme_default.w3mi.data.css |  3 ++-
 src/ui/zcl_abapgit_gui_page.clas.abap           | 10 ++++++++--
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/ui/zabapgit_css_common.w3mi.data.css b/src/ui/zabapgit_css_common.w3mi.data.css
index a5b34442e..1b111a4cc 100644
--- a/src/ui/zabapgit_css_common.w3mi.data.css
+++ b/src/ui/zabapgit_css_common.w3mi.data.css
@@ -154,9 +154,10 @@ div#header span.spacer {
   padding-left: 0.25em;
 }
 
+div#footer .sponsor a { font-size: smaller; }
 div#footer .logo { font-size: large }
 div#footer {
-  padding:          0.5em 1em;
+  padding:          0.5em 0.5em;
   border-top:       3px double;
 }
 div#footer .version {
@@ -168,7 +169,6 @@ div#footer .version {
   text-align: right;
   padding-right: 0.5em;
   font-size: smaller;
-  font-family: monospace;
 }
 #debug-output p {
   margin-top: 0em;
@@ -1021,7 +1021,7 @@ table.commit tr .title {
 }
 
 /* Repo overview */
-.repo-overview { 
+.repo-overview {
   padding: 0.5em 0.7em;
   /*font-size: 90%;*/
 }
@@ -1053,14 +1053,14 @@ table.commit tr .title {
   color: #5e8dc9 !important;
 }
 .repo-overview td,
-.repo-overview th { 
+.repo-overview th {
   padding: 6px 6px; /* maybe use height ? */
 }
 .repo-overview .ro-detail { display: none; }
 .repo-overview .ro-go a {
   padding: 0px 0.15em;
 }
-.repo-overview .ro-go a:hover { 
+.repo-overview .ro-go a:hover {
   color: #ff721e;
   text-decoration: none;
 }
@@ -1569,4 +1569,4 @@ settings_tab tr:first-child td { border-top: 0px; }
 .toolbar-light a:first-child {
   padding-left: 0;
   border-left: none;
-}
+}
\ No newline at end of file
diff --git a/src/ui/zabapgit_css_theme_default.w3mi.data.css b/src/ui/zabapgit_css_theme_default.w3mi.data.css
index 1d0a1424e..1fcea25fe 100644
--- a/src/ui/zabapgit_css_theme_default.w3mi.data.css
+++ b/src/ui/zabapgit_css_theme_default.w3mi.data.css
@@ -54,6 +54,7 @@ input:focus, textarea:focus { border-color: #8cadd9; }
 .blue         { color: #5e8dc9    !important; }
 .red          { color: red        !important; }
 .white        { color: white      !important; }
+.pink         { color: pink       !important; }
 
 /* Floating buttons and color sets */
 .blue-set {
@@ -589,4 +590,4 @@ table.settings_tab input:focus {
 .dialog input[readonly] {
   background-color: #f4f4f4;
   color: var(--theme-greyscale-dark);
-}
+}
\ No newline at end of file
diff --git a/src/ui/zcl_abapgit_gui_page.clas.abap b/src/ui/zcl_abapgit_gui_page.clas.abap
index 0698e1bea..a176e79b9 100644
--- a/src/ui/zcl_abapgit_gui_page.clas.abap
+++ b/src/ui/zcl_abapgit_gui_page.clas.abap
@@ -91,7 +91,7 @@ ENDCLASS.
 
 
 
-CLASS ZCL_ABAPGIT_GUI_PAGE IMPLEMENTATION.
+CLASS zcl_abapgit_gui_page IMPLEMENTATION.
 
 
   METHOD constructor.
@@ -117,7 +117,13 @@ CLASS ZCL_ABAPGIT_GUI_PAGE IMPLEMENTATION.
     ri_html->add( '<div id="footer">' ).
     ri_html->add( '<table class="w100"><tr>' ).
 
-    ri_html->add( '<td class="w40"></td>' ).  " spacer
+    ri_html->add( '<td class="w40 sponsor">' ).
+    ri_html->add( ri_html->icon( iv_name = 'heart-regular/pink'
+                                 iv_hint = 'Sponsor us' ) ).
+    ri_html->add_a( iv_act   = 'https://abapgit.org/sponsor.html'
+                    iv_typ   = zif_abapgit_html=>c_action_type-url
+                    iv_txt   = 'Sponsor us' ).
+    ri_html->add( '</td>' ).
 
     ri_html->add( '<td class="center">' ).
     ri_html->add( '<div class="logo">' ).