UI: Correct footer height if screen-width is to small (fixes #5878) (#5889) (#5889)

public/less/_base.less

@@ -439,14 +439,13 @@ pre, code {
 }
 
 footer {
-    height: @footer-margin;
+    position: absolute;
     background-color: white;
     border-top: 1px solid #d6d6d6;
     clear: both;
     width: 100%;
     color: #888888;
     .container {
-        padding-top: 10px;
         .fa {
             width: 16px;
             text-align: center;
@@ -467,6 +466,12 @@ footer {
         overflow-y: auto;
         margin-bottom: 7px;
     }
+
+    .ui {
+        &.left, &.right {
+            line-height: 40px;
+        }
+    }
 }
 
 .hide {

public/less/_home.less

@@ -49,13 +49,10 @@
 }
 
 footer {
-	@media only screen and (max-width: 880px) {
-		text-align: center;
-	}
-
 	.ui.container .left, .ui.container .right {
 		@media only screen and (max-width: 880px) {
-			display: inline;
+			display: block;
+			text-align: center;
 			float: none;
 		}
 	}