At the Michigan Moodle Moot I was shown a neat CSS trick for the layout of quiz questions. This CSS trick moves the quiz meta data from the left of the question to above the question. It is strictly a personal preference but worth a look to see if your teachers prefer the change in layout.
See the attached file for a screenshot of how the CSS moves the information normally positioned to the left of the question and places it above the question. Some might like the change.
Here is the CSS which you can simply copy and paste into your theme's Custom CSS box to quickly check it out.
.que .info {
float: none;
width: auto;
}
.que .info > div {
margin-left: 15px;
margin-right: 15px;
}
.que .info > div {
display: inline;
}
.que .content {
margin: 0 0 0 0;
width: auto;
}
.que .info {
background-color: #eee;
border: 1px solid #bce8f1;
border-radius: 4px;
margin-bottom: -5px;
padding: 8px;
}
.que h3.no {
display: inline;
font-size: 12px;
line-height: 1;
margin-left: 10px;
}
