diff --git a/api/templates/app.html b/api/templates/app.html
index b30c2b2..e836a63 100644
--- a/api/templates/app.html
+++ b/api/templates/app.html
@@ -27,10 +27,12 @@
font-size: 16px;
margin: 0;
line-height: 1.5;
- height: 100%;
+ min-height: 100%;
text-align: left;
color: #fefefe;
background: #212121;
+ display: flex;
+ flex-direction: column;
}
a {
color:#65efa4;
@@ -42,7 +44,7 @@
.container {
display: table;
max-width: 80%;
- height: 100%;
+ flex-grow: 1; /* Ensures the container takes up all available space */
margin: auto;
}
.child {
@@ -66,6 +68,22 @@
width: 100px;
height: auto;
}
+ .footer {
+ text-align: center;
+ padding: 20px 0;
+ font-size: 14px;
+ background-color: #333;
+ color: #bbb;
+ }
+ .footer a {
+ color: #6ee7b7;
+ text-decoration: none;
+ font-weight: bold;
+ }
+ .footer a:hover {
+ color: #34D399;
+ text-decoration: underline;
+ }
@@ -77,6 +95,15 @@ A python telegram bot to help track expenses!
You can access the bot using this link.
For instructions on how to use the bot, please refer to the GitHub Wiki.
If you would like to support my work, you can do so at the following links:
-
+
+
+
+
+
+
+