Add dinner description

Change-Id: I59b2e327ac9be76ec287973bc6eca6733d10e7b2
diff --git a/static/main.css b/static/main.css
index 800faa4..baad1ba 100644
--- a/static/main.css
+++ b/static/main.css
@@ -13,6 +13,7 @@
 .tooltip {
     font-size: 11pt;
     line-height: 1.1;
+    text-align: left;
 }
 
 h1 {
@@ -26,3 +27,44 @@
 	font-size: 1.75em;
     margin-top: 20px;
 }
+
+.tooltip-inner h1 {
+	color:inherit;
+    font-weight: bold;
+    margin-top: 20px;
+	font-size: 1.2em;
+}
+	
+.tooltip h2 {
+	color: inherit;
+	font-size: 1.15em;
+    font-weight: bold;
+}
+
+.tooltip-inner
+{
+    max-width: 400px;
+    margin-bottom: 5em;;
+    text-align: left;
+}
+
+.tooltip-inner *
+{
+    margin-left: 1em;
+    margin-right: 1em;
+}
+
+.tooltip-inner body
+{
+    padding-bottom: 1em;
+
+}
+
+.tooltip-inner ul
+{
+    list-style-type: disc;
+    margin-left: 20px;
+    padding-left: 20px;
+    text-align: left;
+}
+
diff --git a/templates/register.htm b/templates/register.htm
index ab2692a..6137271 100644
--- a/templates/register.htm
+++ b/templates/register.htm
@@ -507,7 +507,27 @@
         <label class="form-label fw-bold" for="conference_dinner">Conference Dinner</label>
         <div class="form-group form-check">
             <input type="checkbox" class="form-check-input" name="conference_dinner" id="conference_dinner" <?php echo isset($_POST[ 'conference_dinner']) ? 'checked' : '' ?> oninput="update_total_due()" value="conference_dinner">
-            <label class="form-check-label fs-4" for="conference_dinner">I will be attending the conference dinner on 20 July at 8pm at the <a target="iclc10-rheinterrassen" href="https://www.rheinterrassen.info/">Rheinterrassen</a> for the price of <strong>€&#160;<span id="conference_dinner_price"><?php echo $CONFERENCE_DINNER; ?></span></strong>.
+            <label class="form-check-label fs-4" for="conference_dinner">I will be attending the <a href="#"  data-container="body" style="text-decoration: underline; color: black; cursor: help;" html="true" data-bs-html="true" data-bs-toggle="tooltip" title="
+                <h1>ICLC-10 Conference Dinner (Buffet)</h1>
+                 <h2>Starters</h2>
+                <ul>
+                <li>Mixed bread basket with country butter</li>
+                <li>Leaf salads with house dressing</li>
+                <li>Tomato-Mozzarella with balsamic-olive marinade and basil</li>
+                <li>Spicy hummus with baked falafel balls</li>
+                </ul>
+                <h2>Main courses</h2>
+                <ul>
+                    <li>Boeuf Bourguignon with root vegetables, mushrooms and bacon</li>
+                    <li>Salmon slices from the oven</li>
+                   <li>Vegetable ravioli with spicy cashew sauce
+                </ul>
+                <h2>Side dishes</h2>
+                <ul><li>Potatoes, spinach spaetzle, root vegetables</li></ul>
+                <h2>Dessert</h2>
+                <ul>
+                <li>Fruit salad</li>
+                <li>Panna cotta with mango</li></ul>"><span>conference dinner</span></a> on 20 July at 7pm at the <a target="iclc10-rheinterrassen" href="https://www.rheinterrassen.info/">Rheinterrassen</a> for <strong>€&#160;<span id="conference_dinner_price"><?php echo $CONFERENCE_DINNER; ?></span></strong>.
             </label>
         </div>
         <div class="form-group form-check pl-3" style="padding-left: 3.5em">