footer

templates/components/_main.scss

@@ -17,7 +17,7 @@
 @import '../vars';
 
 @mixin main {
-  min-height: 100%;
+  max-height: 100%;
   background-color: $backdrop;
-  padding-bottom: 20px;
+  flex: 2;
 }

templates/components/details-footers.html

@@ -1,4 +1,5 @@
-<footer role="contentinfo">
+<footer role="contentinfo" class="details__container">
+    <p class="details__copyright"> &copy; mCaptcha developers </p>
   <ul class="details">
     <li class="details__item">
       <a class="details__link" href="<.= crate::PKG_HOMEPAGE .>">Homepage</a>

templates/components/details.scss

@@ -16,16 +16,30 @@
  */
 @import '../_vars.scss';
 
+$footer-font-size: 14px;
+
+.details__container {
+  display: flex;
+  font-size: $footer-font-size;
+  //  margin-left: auto;
+}
+
+.details__copyright {
+  flex: 2;
+  font-size: $footer-font-size;
+}
+
 .details {
   list-style: none;
-  position: relative;
   bottom: 0px;
   box-sizing: border-box;
-  width: 95%;
   display: flex;
   font-size: 14px;
-  margin: auto;
   background-color: $backdrop;
+
+  //position: relative;
+  // width: 95%;
+  //margin: auto;
 }
 
 .details__item {

templates/components/footers.html

@@ -1,5 +1,6 @@
 </main>
 <. include!("./details-footers.html"); .>
+</div>
 </body>
 <link rel="stylesheet" href="<.= &*crate::CSS .>" type="text/css" media="all">
 <script src="<.= &*crate::JS .>"></script>