Fix narrow-viewport layout: controls wrap, table min-width (v1.10.7)

v1.10.6's overflow-x: auto on .conversations-table didn't actually
help because (a) the table had width: 100% with no min-width, so it
shrank to fit the container instead of overflowing, and (b) the
header controls had no flex-wrap, so they forced the whole page
wider than the viewport, creating page-level horizontal scroll that
confused the cutoff visual.

Two changes:
- .controls { flex-wrap: wrap }: header items (search box, filter
  funnel, export controls wrapper) now stack to multiple rows on
  narrow viewports. No more page-level horizontal scroll.
- table { min-width: 1200px }: keeps columns usable AND triggers the
  .conversations-table overflow-x: auto when viewport is narrower
  than 1200px, giving the table its own horizontal scrollbar within
  the container.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

chrome/browse.html

@@ -240,6 +240,7 @@
     
     .controls {
       display: flex;
+      flex-wrap: wrap;
       gap: 15px;
       align-items: center;
       justify-content: space-between;
@@ -347,6 +348,7 @@
 
     table {
       width: 100%;
+      min-width: 1200px;
       border-collapse: collapse;
     }
 

chrome/manifest.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 3,
     "name": "Claude Exporter Beta",
-    "version": "1.10.6",
+    "version": "1.10.7",
     "description": "Export conversations and artifacts from Claude.ai",
       "permissions": [
     "activeTab",

docs/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [1.10.7]
+
+- Better narrow-viewport behavior on the browse page:
+  - Header `.controls` now wrap (`flex-wrap: wrap`) so search/filter/export controls flow to multiple rows on narrow windows instead of forcing the whole page wider than the viewport
+  - Table given `min-width: 1200px` so the v1.10.6 `overflow-x: auto` on `.conversations-table` actually triggers — table scrolls horizontally within its container instead of getting cramped or clipped
+
 ## [1.10.6]
 
 - Fixed browse table being cut off on the right when the browser window is narrower than the table — `.conversations-table` was `overflow: hidden`, which clipped and suppressed any scrollbar. Now `overflow-x: auto`, so the table scrolls horizontally when needed while keeping rounded corners.

firefox/browse.html

@@ -240,6 +240,7 @@
     
     .controls {
       display: flex;
+      flex-wrap: wrap;
       gap: 15px;
       align-items: center;
       justify-content: space-between;
@@ -347,6 +348,7 @@
 
     table {
       width: 100%;
+      min-width: 1200px;
       border-collapse: collapse;
     }
 

firefox/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Claude Exporter Beta",
-  "version": "1.10.6",
+  "version": "1.10.7",
   "description": "Export conversations and artifacts from Claude.ai",
   "permissions": [
     "activeTab",