Creating HTML and CSS Markup - Realtime Web Apps: With HTML5 WebSocket, PHP, and jQuery - page 144

Figure 7-25. The unstyled presenter view
Updating the CSS
As you can see in Figure 7-25 , the only things that need tweaking are the “answer” button and the form in the sidebar.
The “answer” button uses the sprite, similar to the “vote” button, and floats to the right of the question. The form in
the sidebar simply needs to be a little narrower to fit in the available space.
Update the existing #questions .vote and #questions .vote input[type=submit] rules to also apply to the
presenter view and add some specific answer and close rules to the bottom of the “Questions View” section in main.css :
/* Updated rules */
#questions .vote,#questions .answer {
position: relative;
display: block;
width: 76px;
height: 76px;
margin: 0 0 0 2em;
padding: 0;
overflow: hidden;
}