From 7924b47913f34f2a43728c6cca1a3dec65a65029 Mon Sep 17 00:00:00 2001 From: peptiderepo Date: Fri, 24 Apr 2026 09:34:47 +0000 Subject: [PATCH] fix: pin price column to right edge of row (v0.13.4) Root cause: .ab-mp-price and .ab-mp-ctx were siblings in .ab-mp-row-meta with price first. Description text is variable-length, so the meta div grew/shrank per row, shifting the price left/right. Fix: - Move price to last child in .ab-mp-row-meta so its right edge is always pinned to the row's fixed right edge - Add flex-shrink: 0 to .ab-mp-price so it never compresses - Cap .ab-mp-ctx at max-width 200px with text-overflow: ellipsis - Swap column header order (Context, then Price) to match new DOM order --- CHANGELOG.md | 5 +++++ assets/css/model-picker.css | 3 ++- assets/js/model-picker.js | 4 ++-- prautoblogger.php | 4 ++-- 4 files changed, 11 insertions(+), 5 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ad6ac88..353f2b7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,11 @@ All notable changes to PRAutoBlogger will be documented in this file. Format follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project uses [Semantic Versioning](https://semver.org/). +## [0.13.4] - 2026-04-24 + +### Fixed +- Model picker price column now consistently right-aligned. Root cause: price and description were siblings inside .ab-mp-row-meta, with description first and variable-length — this shifted price left/right per row. Fix: moved price to last position with flex-shrink: 0 so its right edge is always pinned to the row edge; capped description at max-width 200px with ellipsis; swapped column headers to match new DOM order. + ## [0.13.3] - 2026-04-24 ### Fixed diff --git a/assets/css/model-picker.css b/assets/css/model-picker.css index b1757fa..0c1770d 100644 --- a/assets/css/model-picker.css +++ b/assets/css/model-picker.css @@ -142,7 +142,7 @@ color: var(--ab-text-muted, #64748b); font-variant-numeric: tabular-nums; white-space: nowrap; - min-width: 90px; text-align: right; + min-width: 90px; text-align: right; flex-shrink: 0; } .ab-mp-ctx { @@ -151,6 +151,7 @@ background: var(--ab-bg, #f8fafc); padding: 2px 6px; border-radius: 4px; white-space: nowrap; min-width: 36px; text-align: center; + max-width: 200px; overflow: hidden; text-overflow: ellipsis; } /* ── Footer ─────────────────────────────────────────────────────────── */ diff --git a/assets/js/model-picker.js b/assets/js/model-picker.js index 30a0493..abf38dd 100644 --- a/assets/js/model-picker.js +++ b/assets/js/model-picker.js @@ -175,8 +175,8 @@ ( model.deprecated ? 'deprecated' : '' ) + '' + '
' + - '' + priceHtml + '' + metaRight + + '' + priceHtml + '' + '
' + '' ); @@ -219,8 +219,8 @@ '
' + '' + '
' + - '' + '' + + '' + '
' + '
' + '
Loading models…
' + diff --git a/prautoblogger.php b/prautoblogger.php index ce39a42..e5ad376 100644 --- a/prautoblogger.php +++ b/prautoblogger.php @@ -9,7 +9,7 @@ * Plugin Name: PRAutoBlogger * Plugin URI: https://peptiderepo.com/prautoblogger * Description: Monitors social media for trending topics, generates SEO-friendly blog posts using AI, and publishes them on a daily schedule with full cost tracking and self-improvement metrics. - * Version: 0.13.3 + * Version: 0.13.4 * Requires at least: 6.0 * Requires PHP: 7.4 * Author: PeptideRepo @@ -35,7 +35,7 @@ if ( ! defined( 'ABSPATH' ) ) { | Defined here so every file in the plugin can reference paths, versions, | and limits without magic strings. */ -define( 'PRAUTOBLOGGER_VERSION', '0.13.3' ); +define( 'PRAUTOBLOGGER_VERSION', '0.13.4' ); define( 'PRAUTOBLOGGER_DB_VERSION', '1.1.0' ); define( 'PRAUTOBLOGGER_PLUGIN_FILE', __FILE__ ); define( 'PRAUTOBLOGGER_PLUGIN_DIR', plugin_dir_path( __FILE__ ) );