From 90495b4190c272caf3d38738216178c9c7ab8bd3 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <skylar@netsyms.com>
Date: Tue, 5 Apr 2022 23:31:30 -0600
Subject: [PATCH] Fix #6

---
 www/pages/track.html | 49 ++++++++++++++++++++++++--------------------
 1 file changed, 27 insertions(+), 22 deletions(-)

diff --git a/www/pages/track.html b/www/pages/track.html
index 6e133d4..122317a 100644
--- a/www/pages/track.html
+++ b/www/pages/track.html
@@ -35,18 +35,37 @@
         </div>
     </div>
 
+    <div class="toolbar tabbar-labels toolbar-bottom" id="track-page-tabbar" style="background-color: var(--translucent-color);">
+        <div class="toolbar-inner">
+            <a href="#tracking-history-list" class="tab-link tab-link-active">
+                <i class="far fa-history"></i>
+                <span class="tabbar-label">Recent</span>
+            </a>
+            <a href="#tracking-account-list" class="tab-link">
+                <i class="fas fa-user"></i>
+                <span class="tabbar-label">From Me</span>
+            </a>
+            <a href="#tracking-multi-list" class="tab-link">
+                <i class="fas fa-tasks-alt"></i>
+                <span class="tabbar-label">Multi</span>
+            </a>
+        </div>
+    </div>
 
-    <div class="page-content">
-        <div class="tabs-animated-wrap">
-            <div class="tabs">
-                <div id="tracking-history-list" class="tab tab-active">
+
+    <div class="tabs-swipeable-wrap">
+        <div class="tabs">
+            <div id="tracking-history-list" class="tab tab-active">
+                <div class="page-content">
                     <div class="list noselect">
                         <ul style="background-color: transparent;">
 
                         </ul>
                     </div>
                 </div>
-                <div id="tracking-account-list" class="tab">
+            </div>
+            <div id="tracking-account-list" class="tab">
+                <div class="page-content">
                     <div class="list noselect">
                         <ul style="background-color: transparent;">
                             <li class="item-content">
@@ -57,7 +76,9 @@
                         </ul>
                     </div>
                 </div>
-                <div id="tracking-multi-list" class="tab">
+            </div>
+            <div id="tracking-multi-list" class="tab">
+                <div class="page-content">
                     <div class="list noselect">
                         <ul style="background-color: transparent;">
                             <li class="item-content">
@@ -71,21 +92,5 @@
             </div>
         </div>
     </div>
-    <div class="toolbar tabbar-labels toolbar-bottom" id="track-page-tabbar" style="background-color: var(--translucent-color);">
-        <div class="toolbar-inner">
-            <a href="#tracking-history-list" class="tab-link tab-link-active">
-                <i class="far fa-history"></i>
-                <span class="tabbar-label">Recent</span>
-            </a>
-            <a href="#tracking-account-list" class="tab-link">
-                <i class="fas fa-user"></i>
-                <span class="tabbar-label">From Me</span>
-            </a>
-            <a href="#tracking-multi-list" class="tab-link">
-                <i class="fas fa-tasks-alt"></i>
-                <span class="tabbar-label">Multi</span>
-            </a>
-        </div>
-    </div>
 
 </div>
\ No newline at end of file