Merge branch 'feat-room-view' into 'develop'

Gleiche Room View dem Design an

See merge request hub/hub!1165

src/plainui/jinja2/plainui/room.html.j2

@@ -35,35 +35,37 @@
     </ol>
   </nav>
 
-  <div class="hub-vlayout-l">
-    <div class="hub-card hub-vlayout">
-      <h2 class="hub-head-main">{{ room.name }}</h2>
-      {% if room.description %}{{ markdownMacro.markdown(markdown=room.description_html | safe, border=false) }}{% endif %}
+  <div class="hub-vlayout">
+    <div>
+      <div class="hub-card hub-vlayout">
+        <h1 class="hub-head-main">{{ room.name }}</h1>
+        {% if room.description %}{{ markdownMacro.markdown(markdown=room.description_html | safe, border=false) }}{% endif %}
 
-      {% if links %}
-        <div class="hub-tags" role="list">
-          {% for link in links %}
-            {{ tagMacros.tag(link.name,
-                        link=link.resolved_url,
-                        icon=link_icon(link) ,
-            style='secondary',
-            target=('_self' if link.resolved_url_internal else '_blank'),
-            rel=('' if link.resolved_url_internal else 'external, noreferrer')
-            ) }}
-          {% endfor %}
-        </div>
-      {% endif %}
+        {% if links %}
+          <div class="hub-tags" role="list">
+            {% for link in links %}
+              {{ tagMacros.tag(link.name,
+                            link=link.resolved_url,
+                            icon=link_icon(link) ,
+              style='secondary',
+              target=('_self' if link.resolved_url_internal else '_blank'),
+              rel=('' if link.resolved_url_internal else 'external, noreferrer')
+              ) }}
+            {% endfor %}
+          </div>
+        {% endif %}
+      </div>
     </div>
 
     {% if voc_stream and not archive_mode %}
-      <div class="hub-card">
-        <h2 class="hub-section-title mb-0">{{ _("Currently Streaming") }}</h2>
-        {{ integrations.vocPlayer() }}
+      <div>
+        <h2 class="hub-section-title">{{ _("Currently Streaming") }}</h2>
+        <div class="hub-card">{{ integrations.vocPlayer() }}</div>
       </div>
     {% endif %}
 
-    <div class="hub-vlayout">
-      <h2 class="hub-section-title mb-0">{{ _("Events") }}</h2>
+    <div>
+      <h2 class="hub-section-title">{{ _("Events") }}</h2>
       {% if events %}
         {{ list_events.list(events, my_favorite_events) }}
       {% else %}