Refactor 'remote_url' setting to be displayed normally alongside other event information

assets/custom.css

@@ -3,19 +3,12 @@
     text-align: center;
 }
 
-.border-dashed {
-    border: 1px dashed #4d4d4c;
-}
-
 .pad-horizontal {
     padding: 0 .5em;
 }
 .pad-vertical {
     padding: .5em 0;
 }
-.pad-both {
-    padding: .5em;
-}
 
 dl dt,
 dl dd {

content/events/programmierrunde.md

@@ -17,7 +17,6 @@ aliases:
 - /termine/montag
 event:
   weekly:
-    # remote_url: https://meetmeetmeet.de/dezentrale-programmierrunde
     intro: >-
       Ob Du mit bits und bytes zaubern kannst, oder gerade erst
       100 = 11+1 verstehst: Wir freuen uns auf Deinen Besuch bei uns. Du
@@ -26,6 +25,7 @@ event:
     weekday: Montag
     begin: '19.00'
     finish: '21.00'
+    # remote_url: https://meetmeetmeet.de/dezentrale-programmierrunde
     matrix_channel: '#programmierrunde:chat.dezentrale.space'
 ---
 

layouts/shortcodes/event_weekly.html

@@ -19,15 +19,6 @@
 <p>
   {{ $intro }}
 </p>
-{{- with $remote_url }}
-<div class="pure-u-1-8"></div>
-<div class="pure-u-3-4 border-dashed pad-both">
-  Das Event findet virtuell statt
-  <br>
-  — <a href="{{ . }}" target="_blank">{{ . }}</a>
-</div>
-<div class="pure-u-1-8"></div>
-{{- end }}
 <dl>
   <dt>Termin</dt>
   <dd>
@@ -49,6 +40,12 @@
     <small>({{ . }})</small>
   </dd>
   {{- end }}
+  {{- with $remote_url }}
+  <dt>Remote Treffen</dt>
+  <dd>
+    Das Event findet virtuell statt: <a href="{{ . }}">{{ . }}</a>
+  </dd>
+  {{- end }}
   {{- with $matrix_channel }}
   <dt>Matrix Channel</dt>
   <dd>