wip

app/templates/dashboard/app_form.html

@@ -145,8 +145,15 @@
             placeholder="Enter documentation in Markdown format">{{ app.documentation if app else '' }}</textarea>
           <small class="form-hint">
             Use <a href="https://www.markdownguide.org/basic-syntax/" target="_blank">Markdown syntax</a>
-            to format your documentation. The content will be rendered when viewing the application.
+            to format your documentation. You can use GitHub-style alerts:
           </small>
+          <div class="mt-2 d-flex gap-2 flex-wrap">
+            <code>> [!NOTE] This is a note</code>
+            <code>> [!TIP] This is a tip</code>
+            <code>> [!IMPORTANT] Important info</code>
+            <code>> [!WARNING] Warning message</code>
+            <code>> [!CAUTION] Critical caution</code>
+          </div>
         </div>
 
         <div class="form-footer">

app/templates/dashboard/server_view.html

@@ -138,7 +138,8 @@
                   aria-controls="app-collapse-{{ app.id }}">
                   <span class="me-2">{{ app.name }}</span>
                   {% for port in app.ports %}
-                  <span class="badge bg-primary mx-1">{{ port.number }}/{{ port.protocol }}</span>
+                  <span class="badge bg-primary">{% if port.port_number %}{{ port.port_number }}{% elif port.number %}{{
+                    port.number }}{% endif %}/{{ port.protocol }}</span>
                   {% endfor %}
                 </button>
               </h2>
@@ -171,7 +172,7 @@
 
                   <!-- Documentation section with improved styling -->
                   <div class="documentation-wrapper p-3">
-                    <div class="markdown-content theme-styled">
+                    <div class="markdown-content">
                       {% if app.documentation %}
                       {{ app.documentation|markdown|safe }}
                       {% else %}