small design fixes and more beautiful course-details-table

This commit is contained in:
Felix Hamann 2018-06-28 23:08:06 +02:00
parent 8cec3fafb2
commit 24dfd808b2
5 changed files with 41 additions and 47 deletions

View File

@ -1,27 +1,28 @@
<div .container> <div .container>
<table> <div .scrolltable>
<table .table.table--striped.table--hover.table--vertical>
$maybe school <- schoolMB $maybe school <- schoolMB
<tr> <tr .table__row>
<th #school>Fakultät/Institut <th #school>Fakultät/Institut
<td> <td>
#{schoolName school} #{schoolName school}
$maybe descr <- courseDescription course $maybe descr <- courseDescription course
<tr> <tr .table__row>
<th #description>Beschreibung <th #description>Beschreibung
<td> <td>
#{descr} #{descr}
$maybe link <- courseLinkExternal course $maybe link <- courseLinkExternal course
<tr> <tr .table__row>
<th #website>Website <th #website>Website
<td> <td>
<a href=#{link} target="_blank" rel="noopener" title="Website des Kurses">#{link} <a href=#{link} target="_blank" rel="noopener" title="Website des Kurses">#{link}
<tr> <tr .table__row>
<th #participants>Teilnehmer <th #participants>Teilnehmer
<td> <td>
#{participants} #{participants}
$maybe capacity <- courseCapacity course $maybe capacity <- courseCapacity course
\ von #{capacity} \ von #{capacity}
<tr> <tr .table__row>
<th #registration>Anmeldezeitraum <th #registration>Anmeldezeitraum
<td> <td>
$maybe regFrom <- courseRegisterFrom course $maybe regFrom <- courseRegisterFrom course
@ -29,7 +30,7 @@
$maybe regTo <- courseRegisterTo course $maybe regTo <- courseRegisterTo course
\ bis #{formatTimeGerWD regTo} \ bis #{formatTimeGerWD regTo}
<tr> <tr .table__row>
<th> <th>
<td> <td>
$if registrationOpen $if registrationOpen

View File

@ -1,7 +1,3 @@
.course__registration {
margin-top: 20px;
}
th { th {
vertical-align: top; vertical-align: top;
text-align: left; text-align: left;

View File

@ -118,11 +118,11 @@ h1 {
} }
h2 { h2 {
font-size: 24px; font-size: 24px;
margin: 10px 0 5px; margin: 10px 0;
} }
h3 { h3 {
font-size: 20px; font-size: 20px;
margin: 5px 0; margin: 10px 0;
} }
h4 { h4 {
font-size: 16px; font-size: 16px;

View File

@ -1,5 +1,5 @@
$maybe text <- formText $maybe text <- formText
<p> <h3>
_{text} _{text}
<form .form-horizontal method=post action=@{actionUrl}#forms enctype=#{formEnctype}> <form .form-horizontal method=post action=@{actionUrl}#forms enctype=#{formEnctype}>
^{formWidget} ^{formWidget}

View File

@ -1,7 +1,4 @@
/* GENERAL STYLES FOR FORMS */ /* GENERAL STYLES FOR FORMS */
form {
margin: 20px 0;
}
/* FORM GROUPS */ /* FORM GROUPS */
.form-group { .form-group {
@ -12,7 +9,7 @@ form {
grid-gap: 5px; grid-gap: 5px;
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;
padding: 4px; padding: 4px 0;
border-left: 2px solid transparent; border-left: 2px solid transparent;
+ .form-group { + .form-group {