reordered footer tab icons; addressed pipeline layout FT error

src/functional_tests/test_layout_and_styling.py

@@ -18,9 +18,13 @@ class LayoutAndStylingTest(FunctionalTest):
                        && !ancestor.classList.contains('container')) {
                     ancestor = ancestor.parentElement;
                 }
-                var s = (ancestor || document.body).getBoundingClientRect();
-                var r = arguments[0].getBoundingClientRect();
-                return [r.x + r.width / 2, s.x + s.width / 2];
+                var a = ancestor || document.body;
+                var s = a.getBoundingClientRect();
+                var cs = window.getComputedStyle(a);
+                var pl = parseFloat(cs.paddingLeft);
+                var pr = parseFloat(cs.paddingRight);
+                var r = el.getBoundingClientRect();
+                return [r.x + r.width / 2, s.x + pl + (s.width - pl - pr) / 2];
             """, el)
 
         inputbox = note_page.get_item_input_box()

src/static_src/scss/_base.scss

@@ -306,7 +306,7 @@ body {
         gap: 0;
 
         #id_footer_nav {
-            flex-direction: column;
+            flex-direction: column-reverse;
             width: auto;
             max-width: none;
             gap: 3rem;