Fix navbar overflow detection on mobile

sheets/troubleshooting/index.mdx

@@ -19,7 +19,7 @@ Sometimes you may get an error when you open your spreadsheet. These errors are
 The Market Data sidebar can detect service outages and other problems with your Google account. If you begin to have trouble with Market Data, open the sidebar and see if an error message is displayed.
 
 - `Multiple Google accounts error.` - Your browser has multiple Google accounts open at once. Google does not permit multi-login with Sheets Add-ons, such as Market Data. You will need to log out of your other Google accounts or use Google Sheets with a single Google account in a private browsing window. See [Multiple Google Accounts Error](/sheets/troubleshooting/multiple-google-accounts).
-- `Invalid token.` - The token input is not valid. This error is usually the result of an incorrect token in the token field. Check the token and try again.
+- `Authentication error.` - The add-on could not authenticate your Google account. Make sure the Google account you use to login to Sheets matches the e-mail address on your Market Data account. See [Authentication](/sheets/authentication).
 - `Market Data is offline.` - Your sheet is cannot reach Market Data's servers. Check our status page to see if there is a service outage. As soon as service is restored this error will resolve.
 
 ## Errors in Formulas
@@ -48,7 +48,7 @@ The following errors are usually easily correceted by modifying the input to you
 
 These issues are related to problems with your specific Market Data account and are usually easily solvable.
 
-- `Missing token.` - You haven't yet added your token in the Market Data sidebar. The token must be added to each new spreadsheet that you create. Open the side bar in Extensions > Market Data > Start and add your token to the sheet.
+- `Authentication error.` - The add-on could not authenticate your Google account with Market Data. Make sure the e-mail address on your Market Data account matches the Google account you use to login to Sheets. See [Authentication](/sheets/authentication).
 - `Unable to start a Market Data session with sidebar closed.` - This error occurs when you first open your sheet for the day. Open the sidebar in Extensions > Market Data > Start and refresh your data using one of the refresh options provided.
 - `Your Market Data plan has exceeded its daily limit.` - You have used all your Market Data requests for the day. Your account will be refilled with new requests at opening bell (9:30 AM Eastern Time) tomorrow.
 

sheets/troubleshooting/mobile-devices.md

@@ -11,14 +11,7 @@ The following recommendations are only for users who want to experiment with Mar
 
 ## Enable Your Sheet For Mobile
 
-There are two steps needed to enable your sheet for mobile device use:
-
-1. Add your token.
-2. Disable the sidebar check.
-
-#### Adding Your Token
-
-To use your sheet with a mobile device, you must first open the sheet on a computer and add your token to the sheet. Since there is no way to open the sidebar on a mobile device, this step can only be completed on your computer.
+To use Market Data on a mobile device, you need to disable the sidebar check. The add-on authenticates automatically using your Google account, but since there is no way to open the sidebar on a mobile device, you must disable the sidebar requirement first from a computer.
 
 #### Disable the Sidebar Check
 

src/css/custom.css

@@ -204,19 +204,19 @@
 
 /* ==========================================================================
    Navbar overflow prevention
-   At desktop widths (≥997px) the right-side items (search, avatar, username,
-   logout button, dark-mode toggle) can overflow the navbar when a user is
-   logged in. These rules keep everything on one line:
-   - flex-wrap: nowrap on .navbar__inner stops the two halves from stacking.
-   - white-space: nowrap on nav links stops multi-word labels ("Sheets Add-On",
-     "Accounts & Billing") from wrapping inside their flex item at ~1024px.
+   Right-side items (search, avatar, username, logout button, dark-mode toggle)
+   can overflow the navbar at any width. These rules keep everything on one line:
+   - flex-wrap: nowrap on .navbar__inner (all widths) stops the two halves from
+     stacking, so the JS overflow utility can detect flex-item compression.
+   - white-space: nowrap on nav links (≥997px only) stops multi-word labels
+     ("Sheets Add-On", "Accounts & Billing") from wrapping at ~1024px.
    - The JS utility (navbarOverflow.js) then hides lower-priority right-side
      items one at a time until nothing is compressed.
    ========================================================================== */
+.navbar__inner {
+  flex-wrap: nowrap;
+}
 @media (min-width: 997px) {
-  .navbar__inner {
-    flex-wrap: nowrap;
-  }
   .navbar__items .navbar__link {
     white-space: nowrap;
   }

yarn.lock

@@ -1725,8 +1725,8 @@
   integrity sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==
 
 "@marketdataapp/ui@github:MarketDataApp/ui#main":
-  version "2.9.1"
-  resolved "https://codeload.github.com/MarketDataApp/ui/tar.gz/901691a64557afa52754a0697e0b49b2cd01c31c"
+  version "2.10.0"
+  resolved "https://codeload.github.com/MarketDataApp/ui/tar.gz/b15781c60d5301c94b8b7bc292da5fcf1a871682"
 
 "@mdx-js/mdx@^3.0.0":
   version "3.1.1"