minor esthetic/stylistic tweaks

[eplebel]

• Recent page: Update text from "SORT BY: NEWEST FIRST" simply to "SORT BY" (just like on search results page, e.g. https://curatescience.org/app/search/?q=disgust) 5 points

• fix empty abstract issue, which incorrectly shows "-- " instead of just showing nothing, not even a row (e.g., https://curate-science-staging-2.appspot.com/app/author/john-bargh, expand the only article card; interestingly, this seems to be correctly working on the article page, i.e., https://curate-science-staging-2.appspot.com/app/article/301, notice the "--" are correctly not displayed) 20 points
  

• improve signup/login pages 25 points

  • convert signup, login, and password reset pages to React pages (possible library that appears to provide pre-made login, signup, and reset pwd pages: material-ui axios react-tap-event-plugin )
    • NOTE: for the signup page that invited users end up on once they click on the invite link, make the email field uneditable (because only that email address-unique invitation token pair will work)
  • after successful password reset, redirect to home page
  • remove "Are you sure you want to sign out" warning page
    

• improve horizontal alignment of NAVBAR items for all pages in FULL-SCREEN mode. That is, Recent page in FULL-SCREEN mode, search results page in full-screen mode, article page in full-screen mode, and author page in full-screen mode (so you have to GO INTO full-screen mode on all of those pages to see the alignment issue). See screenshot for horizontal alignments needed for author page in full-screen mode) 35 points

  • UPDATE: possible clue, look in App.css lines 35 to 57

• add small delay (~200-300ms) to activating all article card popups, to enhance UX (avoid popup activating when navigating over a badge to somewhere else on the card). This includes popups to all 5 transparency badges, article type details popup, and the commentaries details popup. Delay should not be too long as to prevent a user from hovering over transparency badges from left-to-right and smoothly seeing content of the transparency badge popups. 25 points
  

• Recent page: update default Transparency filters to DATA and REPLICATION only (instead of MATERIALS, DATA, and CODE) 15 points

• fix commentaries label styling issue whereby label outline is square/incorrect instead of normal rounded rectangle outline (see https://curate-science-staging-2.appspot.com/app/article/13 ; should look like https://curatescience.org/app/article/13 ; since moving article type & RR labels to article card header) 10 points

• navbar search box place holder text sometimes disappears (steps: just type in something, e.g., "LeBel", go to LeBel author page, and notice that the search box placeholder is now gone; probably from that fix where an issue wasn't correctly loading page) 20 points

• update color of navbar search box placeholder text to lighter grey #DCDCDC (so it's less prominent) 5 points

• update color of author page filter box placeholder text to lighter grey (#DCDCDC) 5 points

• use lighter grey for article card addition date (#E8E8E8) 5 points
  

• user menu doesn't correctly close once you click on a menu item (stays open instead of closing automatically) 15 points
  

• replication details popup: if only 1 replication reported, then the text description should be singular, i.e.: "Article reports 1 replication of ...." instead of "Article reports 1 replication[s] of..." 5 points
  

• Carousel controls from base layer (on Home page, How-it-work page, and About page) is "bleeding into" (being displayed above) NAVBAR, which prevents being able to use searchbox and other NAVBAR actions (likely a z-order issue) 15 points
  

• esthetic tweaks for mobile screens (<375px): 35 points

  • reduce article title font size (from 18px to 16px)
  • slightly reduce font-size of author list proportionally (from 12px to 11px)
  • slightly reduce font-size of journal name proportionally (from 12px to 11px)
  • slightly reduce font-size of AT, RR, and commentaries labels from .75rem to .70rem (or 12px to 11.2px); which will likely require a vertical alignment adjustment for these labels to ensure that they're still vertically centered within their respective row
  • reduce size of T badges from 25px x 25px to 20px x 20px