kryten-webqueue 0.27.0__tar.gz → 0.27.1__tar.gz

{kryten_webqueue-0.27.0 → kryten_webqueue-0.27.1}/CHANGELOG.md

@@ -5,6 +5,15 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.27.1] — 2026-06-23
+
+### Fixed
+
+- **"Suggest a Title" search row layout.** The Search button is now reliably pinned to the right end of the title input on the same row, instead of overlapping it on wide viewports (seen in Opera/Blink). The input inherited a `width: 100%` that conflicted with its flex sizing; the row now sizes the input with `flex` + `min-width: 0` and gives the button a fixed natural width.
+- **Suggestion results now use the full width on wide screens.** The candidate cards were confined to the narrow ~760px form column and stacked into many short rows. The results grid now breaks out of the form column and centers on the viewport (up to 1100px), so wide screens show up to four cards per row; it still collapses to fewer columns (and a single column on mobile) as the viewport narrows, with no horizontal overflow.
+
+[0.27.1]: https://github.com/grobertson/kryten-webqueue/releases/tag/v0.27.1
+
 ## [0.27.0] — 2026-06-23
 
 ### Added

{kryten_webqueue-0.27.0 → kryten_webqueue-0.27.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: kryten-webqueue
-Version: 0.27.0
+Version: 0.27.1
 Summary: Netflix/Tubi-style catalog browser and pay-to-play queue management for CyTube
 Author: grobertson
 License-Expression: MIT

{kryten_webqueue-0.27.0 → kryten_webqueue-0.27.1}/kryten_webqueue/static/css/main.css

@@ -1553,8 +1553,14 @@ a.np-chip {
     margin-top: 0.25rem;
 }
 .char-count { font-size: 0.78rem; color: var(--text-secondary); }
-.suggest-search-row { display: flex; gap: 0.5rem; }
-.suggest-search-row input { flex: 1; }
+/* Keep the Search button pinned to the right end of the input on one row.
+   The input inherits `.field input { width: 100% }`, which fights `flex: 1`
+   in some engines (notably Blink/Opera at wide widths) and makes the input
+   claim the whole row so the button overlaps it. Neutralize that width and
+   let the input shrink; pin the button to its natural size. */
+.suggest-search-row { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0.5rem; }
+.suggest-search-row input { flex: 1 1 auto; width: auto; min-width: 0; }
+.suggest-search-row .btn { flex: 0 0 auto; white-space: nowrap; }
 .suggest-hint { margin-top: 0.5rem; }
 
 /* Confirmation / thank-you panel */
@@ -1574,6 +1580,15 @@ a.np-chip {
     gap: 0.75rem;
     margin: 0.75rem 0;
 }
+/* The feedback form is intentionally a narrow, readable column, but the search
+   results should use the wide screen. Break the results out of the 760px form
+   column and center them on the viewport so more cards fit per row. */
+#suggest-results {
+    width: min(94vw, 1100px);
+    position: relative;
+    left: 50%;
+    transform: translateX(-50%);
+}
 .candidate {
     display: flex;
     gap: 0.6rem;

{kryten_webqueue-0.27.0 → kryten_webqueue-0.27.1}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "kryten-webqueue"
-version = "0.27.0"
+version = "0.27.1"
 description = "Netflix/Tubi-style catalog browser and pay-to-play queue management for CyTube"
 readme = "README.md"
 license = "MIT"