move footer out of webapp

2021-11-17 17:41:16 +02:00
parent 52f536d350
commit bfa11ba4fc
7 changed files with 53 additions and 108 deletions
@@ -1,12 +1,34 @@
-footer {
-    background-color: #f5f5f5;
-    margin-top: 1vh;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
+#footer-div {
+    height:10vh;
 }

-.ml-auto .nav-item {
-    padding: 1vh;
+footer {
+    width: 100%;
+    height: 5rem; /* Set the fixed height of the footer here */
+    margin-top: 2rem;
+}
+
+footer .container .col .nav .nav-item {
+    display: inline-block;
+    margin-right: 3vh;
+}
+
+.lang-button {
+    height: 4vh;
+    width: 6vh;
+    margin-left: 1vh;
+    margin-right: 1vh;
+}
+
+.lang-select {
+    width: 10rem;
+    display: inline-block;
+}
+
+footer .lang-form {
+    margin: 1rem auto 0;
+}
+
+.footer-padder {
+    margin-top: 6rem;  /* height of the footer element */
 }