Web page feedback

[johnkslg]

Elections

• [x] The table explaining the change is missing its header: You can see in swagger that the first row is there, its not being displayed for some reason.

• [x] This layout needs to be changed to make the election more clear:

IE, the first thing you should see is the Election title. "Modify Constitutional Article". This should be a big header at the top, showing you what youre looking at.

Then you should see the details about what the election concerns. Show this table: The table needs a better description at the top. I've added a PropertyTableHeader parameter that gets sent with the query, display that at the top (and make sure the first row displays, as described above). It will describe what exactly the table is. For bonus points, in elections that are showing a modification, highlight the entries in columns 3 and 4 that are different, as these are the important parts. You can do a string compare.

Then the call-to-action, the voting buttons. 'Election Title, Yes or No buttons.

And the final results displayed to the right as is currently. You can move the 'Election Info' (which is currently at the top of the page) to be a footnote in the results section, it shouldnt take top-billing like that.

Then, the discussion at the bottom.

• [x] Clicking 'View All Votes' put a popup in the top left. Can this be centered?

• [x] When clicking the election process, add a header that describes what you're seeing to the table. "These are the settings which determine how this election is run."

• [x] After voting once, I wasnt able to click 'update vote' to change it.

• [x] If I've already voted, it should highlight which vote I made when I arrive at the page. Currently it doesn't highlight. Also, make the highlight more explicit, like a bright yellow selection + glow instead of a slightly different shade of green.

• [x] The results with rounds should not be displayed for yes/no elections. It should just be a pie graph with numbers.

Title Elections

• [ ] I like that you grey-out options already selected here, but the color difference is so subtle I could barely tell.

• [x] Compress this:

• Dont display speech if it's blank.

• Less margins

• [x] Results is confusing: Imagine you're a player that has never come across instant-runoff-voting before, this is going to be super confusing. Lets do this to make it easier:

• Sort by the winners, in fact this is already delivered to you by the ordering of the ChoiceRanks field inside Results.

• Add a description in tiny text under the table: This election is conducted with Instant Runoff Voting. This means that if a citizen's first choice candidate doesn't have enough votes to win, their vote goes instead to their second choice candidate, then third choice, and so on. This table shows each round of removal and how many votes each candidate has. For more info, see here

• [x] Same as for bool elections, change the layout to make more sense. The top should say what the election is, and the 'election info' should be tucked away under results somewhere. It also needs to display the PositionForWinner table that's sent in the query:

[beastyn]

Election for Modifying an Article has row with Proposers like ths

There should be Demographics, titles or users

[beastyn]

I still can't tell wich number was used already in rank voting. Here is: num 1 was used. But its almost the same color. We should highlight somehow this already-in-use numbers.

[j3fffff]

• [ ] On scientific page, bar graphs are not displaying correctly. I dont see any bars. Line graphs work correctly.
• [ ] Premade graphs are empty
• [ ] On map, hover mouse over user's property. Display text has html in it. Strip html out of text, dont need to display.