"low hanging fruit" cosmetic fixes (mostly)

[sugurui]

Attached annotated screenshots show various cosmetic adjustments that are relatively easy to make. But, I’ve commented on a few things that may require extra time and/or non-cosmetic issues; so you may or may not address these depending on the effort level to address them.

The higher priority items are about spaces, dimensions and few colors. I did not provide exact sizes/dimensions but if you are not sure, please ask me or refer to the screenshots I provided earlier.

Comments on the visualizations are mostly low priority, but if it’s possible to (a) change the little circle smaller, and (b) reduce the font size of the text in the legend (to fit each label in a single line), that’d improve the look & feel.

I will also add this PDF to the GitHub Issues, so that you can track it.

UI Comments (2024.09.20).pdf

[Ringenberg]

Page 1 (initial)

• [ ] Tighten space in editor menu
• [x] Vertically align outline title to editor menu
• [x] Change tab highlighting
• [x] make pop-out icon next to review smaller.
• [x] Change button disable coloring.
• [x] Remove button border
• [x] Use single svg icon for "check all"
• [x] Tighten space around tool buttons.
• [x] Select outline button to width: 50% Page 2 (initial)
• [ ] Remove frame from focused editor
• [x] Change splitter gutter. Page 3 (Review: Logical Progrssion)
• [x] Remove frame around uneditable text.
• [ ] Menu dropdown to more closely resemble tool buttons in size and decorations.
• [x] Fix spacing on Logical Progression Issues
• [ ] Smaller accordion rollup button.
• [ ] Open accordion should use highlight color Page 4 (Review: Lines of Arguments)
• [x] Adjust spacing around headings
• [ ] Eliminate accordion styling Page 5 (Generate Prose)
• [ ] Remove User input box
• [x] Make header smaller font, reduce margins.
• [x] Use new ai response icon (without check)
• [x] Use new clipboard icon
• [x] Use secondary color button for view outline (C2D4EC)
• [x] Smaller drawer icon. Page 6 (term matrix)
• [ ] Uniform paragraph number button size.
• [ ] Tighten space between lines. Page 7 (Sentence Density)
• [ ] Remove underlines
• [x] slightly darker gray than light for paragraph separators.
• [x] reduce gaps between cells.
• [x] transparent row background
• [x] reduce gaps between rows.
• [x] remove row borders.

[Ringenberg]

Focus frame around editor should not be removed for accessibility reasons: https://www.a11yproject.com/posts/never-remove-css-outlines/#:%7E:text=Using%20the%20CSS%20rule%20%3Afocus,with%20the%20link%20or%20control

[Ringenberg]

Underlining for sentence density should be used for sentence text view with parts of speech decorations.

[Ringenberg]

As it is currently very easy to loose the user selected text, the user selected text box should be kept.

[Ringenberg]

Tab decorators should be returned as bolding is not enough of an indicator of state and what those buttons control.