webui: enhanced user experience

one/templates/show.html

@@ -191,20 +191,17 @@
                     </tr>
                     </tr>
                     {% endfor %}
                     {% endfor %}
                     <tr>
                     <tr>
-                        <th>{% trans "Protokoll" %}</th>
-                        <th colspan="2">Port</th>
+                        <th colspan="3">{% trans "Port/Protocol" %}</th>
                     </tr>
                     </tr>
                     <tr>
                     <tr>
-                        <td>
+                        <td colspan="2">
+                            <input style="min-width:50px;width:50px;" type="text" name="port"/>/
                             <select style="min-width:50px;" name="proto">
                             <select style="min-width:50px;" name="proto">
                                 <option value="tcp">tcp</option>
                                 <option value="tcp">tcp</option>
                                 <option value="udp">udp</option>
                                 <option value="udp">udp</option>
                             </select>
                             </select>
                         </td>
                         </td>
                         <td>
                         <td>
-                            <input style="min-width:70px;width:70px;" type="text" name="port"/>
-                        </td>
-                        <td>
                             <input type="submit" style="min-width:3em" value="{% trans "Add" %}" />
                             <input type="submit" style="min-width:3em" value="{% trans "Add" %}" />
                         </td>
                         </td>
                     </tr>
                     </tr>

one/templates/vm-credentials.html

@@ -38,11 +38,11 @@
         </tr>
         </tr>
         <tr{% if i.is_ipv6 %} class="faded"{% endif %}>
         <tr{% if i.is_ipv6 %} class="faded"{% endif %}>
             <th>{% trans "IPv4 Host" %}{% if i.is_ipv6 %} ({% trans "You are using IPv6" %}){% endif %}:</th>
             <th>{% trans "IPv4 Host" %}{% if i.is_ipv6 %} ({% trans "You are using IPv6" %}){% endif %}:</th>
-            <td>{{ i.hostname_v4 }}:{{i.port_v4}}</td>
+            <td>{{ i.hostname_v4 }}<strong>:{{ i.port_v4 }}</strong></td>
         </tr>
         </tr>
         <tr{% if not i.is_ipv6 %} style="display: none"{% endif %}>
         <tr{% if not i.is_ipv6 %} style="display: none"{% endif %}>
             <th>{% trans "IPv6 Host" %}{% if not i.is_ipv6 %} ({% trans "You are using IPv4" %}){% endif %}:</th>
             <th>{% trans "IPv6 Host" %}{% if not i.is_ipv6 %} ({% trans "You are using IPv4" %}){% endif %}:</th>
-            <td>{{ i.hostname_v6 }}:{{ i.port_v6 }}</td>
+            <td>{{ i.hostname_v6 }}<strong>:{{ i.port_v6 }}</strong></td>
         </tr>
         </tr>
         <tr>
         <tr>
             <th>{% trans "Username" %}:</th>
             <th>{% trans "Username" %}:</th>