diff --git a/BUGS b/BUGS
index 47270da..3f57f1b 100644
--- a/BUGS
+++ b/BUGS
@@ -2,3 +2,5 @@
 
 * added an electricity bill by accident for 2018, that kills lots :(
     - something to do with missing year of data in quarterly bills - still an issue
+
+* if change a bill (like Amazon), then its future estimates don't update
diff --git a/TODO b/TODO
index 4efc971..d6a69c0 100644
--- a/TODO
+++ b/TODO
@@ -13,9 +13,4 @@ CALC:
     * still get double health insurance bills sometimes (just viewing a new date might trigger this??? or at least when I changed years)
 
 UI:
-    * add FIXED Annotations:
-        * historical annotations (at least M_quit_date, Trip_date, school_fees in 25)
     * should try AI with how to distribute annotations better
-    * make bills tabs a vertical navbar instead of horizontal
-
-    * make FIRST_YEAR dynamic, and maybe just WARN if next pay is > FIRST_YEAR (let me sort if by hand - probably non-issue as unlikely to be working in late Dec 26)
diff --git a/templates/bills.html b/templates/bills.html
index a1f78c6..aad64d1 100644
--- a/templates/bills.html
+++ b/templates/bills.html
@@ -14,7 +14,8 @@
     <script src="https://code.highcharts.com/modules/accessibility.js"></script>
     <style>
         .col-form-label { width:140px; }
-        html { font-size: 80%; }
+        html { font-size: 75% !important; }
+        @media (max-width: 2000px) { html { font-size: 70% !important; } }
     </style>
 </head>
 <body>
@@ -193,15 +194,17 @@
                 <span class="bi bi-x"> Cancel</span> </button>
         </div>
 
+
+    <div class="d-flex align-items-start">
         <!-- create tabbed view for each bill type  -->
-        <nav id="bills-nav" class="nav nav-tabs">
+        <nav id="bills-nav" class="nav flex-column nav-pills me-3">
         {% for bt in bill_types %}
-            <button class="nav-link" id="tab-but-{{bt.id}}" data-bs-toggle="tab" data-bs-target="#tab-{{bt.id}}" type="button" role="tab" aria-controls="tab1" aria-selected="true" onClick="SaveTab('{{bt.id}}')">{{bt.name}}</button>
+            <button class="nav-link w-100 text-end col px-1 py-2" id="tab-but-{{bt.id}}" data-bs-toggle="tab" data-bs-target="#tab-{{bt.id}}" type="button" role="tab" aria-controls="tab1" aria-selected="true" onClick="SaveTab('{{bt.id}}')">{{bt.name}}</button>
         {% endfor %}
         </nav>
  
         <div class="tab-content">
-            <div class="col-2 form-check form-switch form-check-inline">
+            <div class="col form-check form-switch form-check-inline">
                 <input class="form-check-input" type="checkbox" value="" id="showEstimated" onChange="ToggleEstimated()">
                 <label class="form-check-label" for="flexCheckDefault">Show Estimates</label>
             </div>
@@ -214,8 +217,7 @@
             {% for bd in bill_data %}
                 {% if loop.first %}
                 <div class="row pt-2">
-                    <div class="p-0 col-2"><label class="form-control text-center border-0 fw-bold bg-body-tertiary rounded-0">Name</ ></div>
-                    <div class="p-0 col-2"><label class="form-control text-center border-0 fw-bold bg-body-tertiary rounded-0">Date</ ></div>
+                    <div class="p-0 col"><label class="form-control text-center border-0 fw-bold bg-body-tertiary rounded-0">Date</ ></div>
                     <div class="p-0 col"><label class="form-control text-center border-0 fw-bold bg-body-tertiary rounded-0">Amount</ ></div>
                     <div class="px-0 col"><label class="form-control text-center border-0 fw-bold bg-body-tertiary rounded-0">Actions</ ></div>
                     <div class="px-0 col"><label class="form-control text-center border-0 fw-bold bg-body-tertiary rounded-0 h-100"></ ></div>
@@ -229,11 +231,11 @@
                         <div class="row">
                         {% set classes="form-control text-center" %}
                     {% endif %}
-                    <div class="px-0 col-2"> <input type="text" class="{{classes}}" id="bill-data-type-{{bd.id}}" value="{{ bd.name }}" disabled> </div>
+                    <input type="hidden" id="bill-data-type-{{bd.id}}" value="{{ bd.name }}"> </input>
                     {% if bd.bill_date == 'future' %}
-                        <div class="px-0 col-2"> <input type="text" class="{{classes}}" id="bill-data-date-{{bd.id}}" value="{{ bd.bill_date }}" disabled> </div>
+                        <div class="px-0 col"> <input type="text" class="{{classes}}" id="bill-data-date-{{bd.id}}" value="{{ bd.bill_date }}" disabled> </div>
                     {% else %}
-                        <div class="px-0 col-2"> <input type="date" class="{{classes}}" id="bill-data-date-{{bd.id}}" value="{{ bd.bill_date }}" disabled> </div>
+                        <div class="px-0 col"> <input type="date" class="{{classes}}" id="bill-data-date-{{bd.id}}" value="{{ bd.bill_date }}" disabled> </div>
                         <script>
                             if( typeof future_id !== 'undefined' && future_id>0) { 
                                 first_col_id={{bd.id}}
@@ -259,6 +261,7 @@
         </div>
         {% endfor %}
         </div>
+    </div>
 
     <script>
         function ToggleEstimated()
diff --git a/templates/cset.html b/templates/cset.html
index cd36424..488a703 100644
--- a/templates/cset.html
+++ b/templates/cset.html
@@ -14,7 +14,8 @@
     <script src="https://code.highcharts.com/modules/accessibility.js"></script>
     <style>
         .col-form-label { width:140px; }
-        html { font-size: 80%; }
+        html { font-size: 75% !important; }
+        @media (max-width: 2000px) { html { font-size: 70% !important; } }
     </style>
 </head>
 <body>
diff --git a/templates/index.html b/templates/index.html
index f034d61..763d9b8 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
-
+    <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}">
 
     <title>Finance Form</title>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
