diff --git a/scheduler/main/static/style.css b/scheduler/main/static/style.css new file mode 100644 index 0000000000000000000000000000000000000000..e54e306bc50a146e39bad6797452894306f01844 --- /dev/null +++ b/scheduler/main/static/style.css @@ -0,0 +1,23 @@ +.container { + max-width: var(--breakpoint-md, 768px); +} + +.full-width { + overflow-x: auto; +} + +@media (min-width: 768px) { + .full-width { + width: 100vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; + } + .full-width > * { + width: auto; + min-width: 738px; /* 768px - 2 * 15px (padding) */ + margin: 0 auto; + } +} diff --git a/scheduler/main/templates/base.html b/scheduler/main/templates/base.html index a76507cef7057e9d1a7db01ef17bd9e2af85249f..a0bb83e3c5dfae9d9de8d7e66e9de4443fe0ddac 100644 --- a/scheduler/main/templates/base.html +++ b/scheduler/main/templates/base.html @@ -10,6 +10,7 @@ +
diff --git a/scheduler/main/templates/main/invitation_form.html b/scheduler/main/templates/main/invitation_form.html index 9f04cfa7e46a4d9caf9cc6fafca207971076bce6..2548c5ec8294a249cb689e6217500482b7f8b55a 100644 --- a/scheduler/main/templates/main/invitation_form.html +++ b/scheduler/main/templates/main/invitation_form.html @@ -12,30 +12,32 @@ {% bootstrap_form_errors form %}

{% translate 'Please select one of the available timeslots to make an appointment. You will still be able to change your selection later.' %}

- - - - - {% for time in table.times %} - - {% endfor %} - - - - {% for date, row in table.timeslots.items %} +
+
{{ time }}
+ - - {% for time, id in row.items %} - + + {% for time in table.times %} + {% endfor %} - {% endfor %} - -
{{ date }} - {% if id %} - - {% endif %} - {{ time }}
+ + + {% for date, row in table.timeslots.items %} + + {{ date }} + {% for time, id in row.items %} + + {% if id %} + + {% endif %} + + {% endfor %} + + {% endfor %} + + +
diff --git a/scheduler/main/templates/main/schedule_form.html b/scheduler/main/templates/main/schedule_form.html index d96deb6c5e254ce274ee84c164f1abb81cb07415..c69020d69db3313f03a0811b4c10d5ee34807f6d 100644 --- a/scheduler/main/templates/main/schedule_form.html +++ b/scheduler/main/templates/main/schedule_form.html @@ -39,28 +39,30 @@
- - - - - {% for time in form.timeslots.value.times %} - - {% endfor %} - - - - {% for date, row in form.timeslots.value.timeslots.items %} - - - {% for time, checked in row.items %} - +
+
{{ time }}
{{ date }} - -
+ + + + {% for time in form.timeslots.value.times %} + {% endfor %} - {% endfor %} - -
{{ time }}
+ + + {% for date, row in form.timeslots.value.timeslots.items %} + + {{ date }} + {% for time, checked in row.items %} + + + + {% endfor %} + + {% endfor %} + + +