From a179e2999f5167062ff95c3c2f067a64bd589df7 Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Wed, 19 Jun 2024 10:26:15 +0200
Subject: [PATCH] feat: add clearfix to content container

Modified the content container in the HTML template to include an ID for easier styling. Added a clearfix using CSS after pseudo-element to ensure proper behavior and layout flow. This resolves layout issues caused by floating elements within the container.
---
 src/gitcloak/assets/css/style.css | 6 ++++++
 src/gitcloak/templates/base.html  | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/gitcloak/assets/css/style.css b/src/gitcloak/assets/css/style.css
index 7ba55f4..97c33b8 100644
--- a/src/gitcloak/assets/css/style.css
+++ b/src/gitcloak/assets/css/style.css
@@ -57,6 +57,12 @@ body {
     padding: 0 10px;
 }
 
+#content-div::after {
+    content: " ";
+    display: block;
+    height: 50px;
+}
+
 .footer {
     position: fixed;
     bottom: 0;
diff --git a/src/gitcloak/templates/base.html b/src/gitcloak/templates/base.html
index 8640b5c..f42d412 100644
--- a/src/gitcloak/templates/base.html
+++ b/src/gitcloak/templates/base.html
@@ -11,7 +11,7 @@
     <nav class="navbar navbar-dark bg-dark">
         <a class="navbar-brand" href="/">GitCloak</a>
     </nav>
-    <div class="container mt-4">
+    <div id="content-div" class="container mt-4">
         {% block content %}{% endblock %}
     </div>
     <footer class="footer mt-auto py-3 bg-dark text-white">