fix(web): give the Woke pill room next to snooze

[gsimone]

Summary

• On woke sidebar cards, the amber alarm sat flush against the snooze (set-to) clock and read oversized at size-4.
• Add gap-1.5 between the Woke pill and hover actions, shrink the alarm to size-3.5 (matching Settle), and nudge it with mb-px for optical alignment.
• The snooze clock itself sat high because its Popover wrapper lived in an items-stretch row; center the actions and match Settle's size-3.5 icon.

Before and after

Stacked whole-card hover state (Woke + set-to clock + Settle):

Before	After

Measured: Woke→clock gap 0px → 12px; snooze/Settle icon midlines aligned (0px delta).

Test plan

• Open a woken thread card in the sidebar
• Hover the row and confirm Woke no longer crowds the snooze clock
• Confirm the snooze clock lines up vertically with Settle's check
• Spot-check a compact history woke row for the same spacing

Note

Fix spacing between the Woke pill and snooze button in the sidebar

Adjusts icon sizes and spacing in Sidebar.tsx so the Woke pill and snooze button don't crowd each other. Adds conditional gap-1.5 around the Woke pill, shrinks and vertically aligns alarm clock icons, and switches hover action container alignment from items-stretch to items-center with a small gap.

^{Macroscope summarized 17b95c7.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: df4e0fd2-b755-40bb-a603-8bf4c98f5be0

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 17b95c7

Pure CSS styling adjustments to improve spacing between UI elements in the sidebar. Changes icon sizes, adds conditional gaps, and fixes alignment - no runtime behavior changes.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 17b95c7

[gsimone]

Closing for #6275

[gsimone]

Summary

• On woke sidebar cards, the amber alarm sat flush against the snooze (set-to) clock and read oversized at size-4.
• Add gap-1.5 between the Woke pill and hover actions, shrink the alarm to size-3.5 (matching Settle), and nudge it with mb-px for optical alignment.
• The snooze clock itself sat high because its Popover wrapper lived in an items-stretch row; center the actions and match Settle's size-3.5 icon.

Before and after

Stacked whole-card hover state (Woke + set-to clock + Settle):

Before	After

Measured: Woke→clock gap 0px → 12px; snooze/Settle icon midlines aligned (0px delta).

Test plan

• Open a woken thread card in the sidebar
• Hover the row and confirm Woke no longer crowds the snooze clock
• Confirm the snooze clock lines up vertically with Settle's check
• Spot-check a compact history woke row for the same spacing

Note

Fix spacing between the Woke pill and snooze button in the sidebar

Adjusts icon sizes and spacing in Sidebar.tsx so the Woke pill and snooze button don't crowd each other. Adds conditional gap-1.5 around the Woke pill, shrinks and vertically aligns alarm clock icons, and switches hover action container alignment from items-stretch to items-center with a small gap.

^{Macroscope summarized 17b95c7.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: df4e0fd2-b755-40bb-a603-8bf4c98f5be0

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 17b95c7

Pure CSS styling adjustments to improve spacing between UI elements in the sidebar. Changes icon sizes, adds conditional gaps, and fixes alignment - no runtime behavior changes.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 17b95c7

[gsimone]

Closing for #6275

[gsimone]

Summary

• On woke sidebar cards, the amber alarm sat flush against the snooze (set-to) clock and read oversized at size-4.
• Add gap-1.5 between the Woke pill and hover actions, shrink the alarm to size-3.5 (matching Settle), and nudge it with mb-px for optical alignment.
• The snooze clock itself sat high because its Popover wrapper lived in an items-stretch row; center the actions and match Settle's size-3.5 icon.

Before and after

Stacked whole-card hover state (Woke + set-to clock + Settle):

Before	After

Measured: Woke→clock gap 0px → 12px; snooze/Settle icon midlines aligned (0px delta).

Test plan

• Open a woken thread card in the sidebar
• Hover the row and confirm Woke no longer crowds the snooze clock
• Confirm the snooze clock lines up vertically with Settle's check
• Spot-check a compact history woke row for the same spacing

Note

Fix spacing between the Woke pill and snooze button in the sidebar

Adjusts icon sizes and spacing in Sidebar.tsx so the Woke pill and snooze button don't crowd each other. Adds conditional gap-1.5 around the Woke pill, shrinks and vertically aligns alarm clock icons, and switches hover action container alignment from items-stretch to items-center with a small gap.

^{Macroscope summarized 17b95c7.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: df4e0fd2-b755-40bb-a603-8bf4c98f5be0

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 17b95c7

Pure CSS styling adjustments to improve spacing between UI elements in the sidebar. Changes icon sizes, adds conditional gaps, and fixes alignment - no runtime behavior changes.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 17b95c7

[gsimone]

Closing for #6275

[gsimone]

Summary

• On woke sidebar cards, the amber alarm sat flush against the snooze (set-to) clock and read oversized at size-4.
• Add gap-1.5 between the Woke pill and hover actions, shrink the alarm to size-3.5 (matching Settle), and nudge it with mb-px for optical alignment.
• The snooze clock itself sat high because its Popover wrapper lived in an items-stretch row; center the actions and match Settle's size-3.5 icon.

Before and after

Stacked whole-card hover state (Woke + set-to clock + Settle):

Before	After

Measured: Woke→clock gap 0px → 12px; snooze/Settle icon midlines aligned (0px delta).

Test plan

• Open a woken thread card in the sidebar
• Hover the row and confirm Woke no longer crowds the snooze clock
• Confirm the snooze clock lines up vertically with Settle's check
• Spot-check a compact history woke row for the same spacing

Note

Fix spacing between the Woke pill and snooze button in the sidebar

Adjusts icon sizes and spacing in Sidebar.tsx so the Woke pill and snooze button don't crowd each other. Adds conditional gap-1.5 around the Woke pill, shrinks and vertically aligns alarm clock icons, and switches hover action container alignment from items-stretch to items-center with a small gap.

^{Macroscope summarized 17b95c7.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: df4e0fd2-b755-40bb-a603-8bf4c98f5be0

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 17b95c7

Pure CSS styling adjustments to improve spacing between UI elements in the sidebar. Changes icon sizes, adds conditional gaps, and fixes alignment - no runtime behavior changes.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 17b95c7

[gsimone]

Closing for #6275

[gsimone]

Summary

• On woke sidebar cards, the amber alarm sat flush against the snooze (set-to) clock and read oversized at size-4.
• Add gap-1.5 between the Woke pill and hover actions, shrink the alarm to size-3.5 (matching Settle), and nudge it with mb-px for optical alignment.
• The snooze clock itself sat high because its Popover wrapper lived in an items-stretch row; center the actions and match Settle's size-3.5 icon.

Before and after

Stacked whole-card hover state (Woke + set-to clock + Settle):

Before	After

Measured: Woke→clock gap 0px → 12px; snooze/Settle icon midlines aligned (0px delta).

Test plan

• Open a woken thread card in the sidebar
• Hover the row and confirm Woke no longer crowds the snooze clock
• Confirm the snooze clock lines up vertically with Settle's check
• Spot-check a compact history woke row for the same spacing

Note

Fix spacing between the Woke pill and snooze button in the sidebar

Adjusts icon sizes and spacing in Sidebar.tsx so the Woke pill and snooze button don't crowd each other. Adds conditional gap-1.5 around the Woke pill, shrinks and vertically aligns alarm clock icons, and switches hover action container alignment from items-stretch to items-center with a small gap.

^{Macroscope summarized 17b95c7.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: df4e0fd2-b755-40bb-a603-8bf4c98f5be0

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 17b95c7

Pure CSS styling adjustments to improve spacing between UI elements in the sidebar. Changes icon sizes, adds conditional gaps, and fixes alignment - no runtime behavior changes.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 17b95c7

[gsimone]

Closing for #6275

[gsimone]

Summary

• On woke sidebar cards, the amber alarm sat flush against the snooze (set-to) clock and read oversized at size-4.
• Add gap-1.5 between the Woke pill and hover actions, shrink the alarm to size-3.5 (matching Settle), and nudge it with mb-px for optical alignment.
• The snooze clock itself sat high because its Popover wrapper lived in an items-stretch row; center the actions and match Settle's size-3.5 icon.

Before and after

Stacked whole-card hover state (Woke + set-to clock + Settle):

Before	After

Measured: Woke→clock gap 0px → 12px; snooze/Settle icon midlines aligned (0px delta).

Test plan

• Open a woken thread card in the sidebar
• Hover the row and confirm Woke no longer crowds the snooze clock
• Confirm the snooze clock lines up vertically with Settle's check
• Spot-check a compact history woke row for the same spacing

Note

Fix spacing between the Woke pill and snooze button in the sidebar

Adjusts icon sizes and spacing in Sidebar.tsx so the Woke pill and snooze button don't crowd each other. Adds conditional gap-1.5 around the Woke pill, shrinks and vertically aligns alarm clock icons, and switches hover action container alignment from items-stretch to items-center with a small gap.

^{Macroscope summarized 17b95c7.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: df4e0fd2-b755-40bb-a603-8bf4c98f5be0

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 17b95c7

Pure CSS styling adjustments to improve spacing between UI elements in the sidebar. Changes icon sizes, adds conditional gaps, and fixes alignment - no runtime behavior changes.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 17b95c7

[gsimone]

Closing for #6275

[gsimone]

Summary

• On woke sidebar cards, the amber alarm sat flush against the snooze (set-to) clock and read oversized at size-4.
• Add gap-1.5 between the Woke pill and hover actions, shrink the alarm to size-3.5 (matching Settle), and nudge it with mb-px for optical alignment.
• The snooze clock itself sat high because its Popover wrapper lived in an items-stretch row; center the actions and match Settle's size-3.5 icon.

Before and after

Stacked whole-card hover state (Woke + set-to clock + Settle):

Before	After

Measured: Woke→clock gap 0px → 12px; snooze/Settle icon midlines aligned (0px delta).

Test plan

• Open a woken thread card in the sidebar
• Hover the row and confirm Woke no longer crowds the snooze clock
• Confirm the snooze clock lines up vertically with Settle's check
• Spot-check a compact history woke row for the same spacing

Note

Fix spacing between the Woke pill and snooze button in the sidebar

Adjusts icon sizes and spacing in Sidebar.tsx so the Woke pill and snooze button don't crowd each other. Adds conditional gap-1.5 around the Woke pill, shrinks and vertically aligns alarm clock icons, and switches hover action container alignment from items-stretch to items-center with a small gap.

^{Macroscope summarized 17b95c7.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: df4e0fd2-b755-40bb-a603-8bf4c98f5be0

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 17b95c7

Pure CSS styling adjustments to improve spacing between UI elements in the sidebar. Changes icon sizes, adds conditional gaps, and fixes alignment - no runtime behavior changes.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 17b95c7

[gsimone]

Closing for #6275

[gsimone]

Summary

• On woke sidebar cards, the amber alarm sat flush against the snooze (set-to) clock and read oversized at size-4.
• Add gap-1.5 between the Woke pill and hover actions, shrink the alarm to size-3.5 (matching Settle), and nudge it with mb-px for optical alignment.
• The snooze clock itself sat high because its Popover wrapper lived in an items-stretch row; center the actions and match Settle's size-3.5 icon.

Before and after

Stacked whole-card hover state (Woke + set-to clock + Settle):

Before	After

Measured: Woke→clock gap 0px → 12px; snooze/Settle icon midlines aligned (0px delta).

Test plan

• Open a woken thread card in the sidebar
• Hover the row and confirm Woke no longer crowds the snooze clock
• Confirm the snooze clock lines up vertically with Settle's check
• Spot-check a compact history woke row for the same spacing

Note

Fix spacing between the Woke pill and snooze button in the sidebar

Adjusts icon sizes and spacing in Sidebar.tsx so the Woke pill and snooze button don't crowd each other. Adds conditional gap-1.5 around the Woke pill, shrinks and vertically aligns alarm clock icons, and switches hover action container alignment from items-stretch to items-center with a small gap.

^{Macroscope summarized 17b95c7.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: df4e0fd2-b755-40bb-a603-8bf4c98f5be0

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved 17b95c7

Pure CSS styling adjustments to improve spacing between UI elements in the sidebar. Changes icon sizes, adds conditional gaps, and fixes alignment - no runtime behavior changes.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 17b95c7

[gsimone]

Closing for #6275