[dev-branch] Feedback on portal UI & aesthetics

[themerekat]

Record Search Form needs to be condensed when not in accessibility mode: https://dev002.symbiota.org/collections/editor/occurrencetabledisplay.php?displayquery=1&collid=12

• Put "Display Table" buttons on the same line
• Change color of buttons
• Make sure that Copy Link icon is the same color as the text
• Make Entered By, Date Entered, and Date Modified all on the same line (not awkwardly misaligned)
• Sort By, Order By, Record Output on same line
• Unify spacing between lines
• Change icon after "Custom Field 1" to a plus sign instead of pencil with lines

[themerekat]

[semi-enhancement] In search results for occurrencetabledisplay.php: Where there is a highlight, put a button that says "Open Record Search Form" with a caret icon. This re-opens the record search form (which is usually reopened using the magnifying glass icon in the top right). Remove the magnifying glass icon from the top right.

Similarly, on occurrenceeditor: Change magnifying glass icon to Open Record Search Form underneath the nagivation: to reopen the record search form

[themerekat]

On homepage, default menu should say Search (not Collections)

And take you straight to /collections/search/index.php , bypassing /collections/index.php

[themerekat]

In /collections/search/index.php, increase size of default label font by 2 sizes-ish Also of buttons

[themerekat]

Is it possible to change /collections/search/index.php to have smaller margins by default? I.e., the search takes up more of the page?

[themerekat]

Move "Reset" button to underneath "Criteria" and change button styling to be less wide and different color

OR just change to a different color (grey versus the main button color)

[themerekat]

Default /collections/search/index.php to all sections expanded

[themerekat]

In /collections/search/index.php, make sure ALL collections are selected be default:

[themerekat]

In /collections/list.php Make the tabs look more like tabs (i.e., the highlighted tab is white instead of dark grey) and remove the dark grey background to all of the tabs. Same for: /collections/individual/index.php, /collections/map/index.php and ANY other page that has multiple tabs

This is what the old one looks like, and it should be clear like this (but remove the gray background)

[themerekat]

https://dev002.symbiota.org/collections/misc/collprofiles.php?collid=12&emode=1 Make box header fonts the same as all the other fonts

[themerekat]

When you conduct a quick search on collprofiles.php, clicking the Edit button takes you to a wonky version of the record search form:

[themerekat]

Can we have this default to occurrence management as the left tab instead of species checklist.

[jennyost]

1 - "welcome Jenn" is higher than the right buttons. Also each of these elements is different. Maybe there is no “welcome Jenn” and instead is says “Jenn’s Profile”

[jennyost]

Here's

Record Search Form needs to be condensed when not in accessibility mode: https://dev002.symbiota.org/collections/editor/occurrencetabledisplay.php?displayquery=1&collid=12

• Put "Display Table" buttons on the same line
• Change color of buttons
• Make sure that Copy Link icon is the same color as the text
• Make Entered By, Date Entered, and Date Modified all on the same line (not awkwardly misaligned)
• Sort By, Order By, Record Output on same line
• Unify spacing between lines
• Change icon after "Custom Field 1" to a plus sign instead of pencil with lines

Here's an example of a better version:

[themerekat]

When viewing the Taxonomic Status tab, the parent taxon isn't italicized (necessary for Genus and Species) View at: https://dev002.symbiota.org/taxa/taxonomy/taxoneditor.php?tid=11390

[themerekat]

On this page: https://dev002.symbiota.org/collections/misc/collprofiles.php if no specific collid is provided, you get a list of all the collections, but the quick search box still shows up. I think this should be removed

[themerekat]

In other portals, the "Verify Protections" on this page (https://dev002.symbiota.org/collections/misc/protectedspecies.php) is a button Is there a reason it was un-buttoned here?

[themerekat]

Add spacing below the Reset button on this page: https://dev002.symbiota.org/ident/key.php?clid=135&taxon=All+Species

[themerekat]

On this page: https://dev002.symbiota.org/checklists/checklist.php?clid=158&pid=7

Can the green lines end before they hit the "Options" box?

[themerekat]

[probably not important enough to handle for 3.1] Looks like we need to find svg versions of these icons: They have white backgrounds. https://dev002.symbiota.org/checklists/checklist.php?clid=158&pid=7

[themerekat]

Unify fonts throughout the site to avoid things like this (headers have different font than text) https://dev002.symbiota.org/checklists/checklistadmin.php?clid=157&pid=7

[themerekat]

/portal/sitemap.php Problem with commenting out a line

[themerekat]

Is it possible to change /collections/search/index.php to have smaller margins by default? I.e., the search takes up more of the page?

Potentially a base rem size. Default size is defined in base.css max-inner-text-width in variables.css