Repository: traefik/traefik (language: go)

Issue:
Can't see Entrypoint port numbers in web gui - text size is too large
### Welcome!

- [X] Yes, I've searched similar issues on [GitHub](https://github.com/traefik/traefik/issues) and didn't find any.
- [X] Yes, I've searched similar issues on the [Traefik community forum](https://community.traefik.io) and didn't find any.

### What did you do?

When I visit the web gui on the Dashboard page I can see the entrypoints. However I cannot see the full port numbers, because the font size is too large.



### What did you see instead?


![image](https://user-images.githubusercontent.com/897017/194755477-4fae1bb1-e98f-4f9a-a140-43b1279e032e.png)


Here is a quick and dirty example of what I'd like more 

![image](https://user-images.githubusercontent.com/897017/194755614-7a69e824-d88b-44b8-86ae-b3763ca59e4f.png)

Although there is now too much whitespace, at least I am able to see the full numbers at a glance. 

I would also appreciate it if the port numbers were aligned, more like a table. This would make it easier to compare and contrast the defined entrypoints and ports.


|                       |            |
|-----------------------|------------|
| DOCKER-REGISTRY       | :5000      |
| SOME-SERVER           | :34197/udp |
| SOME-SERVER-RCON      | :27015/tcp |
| SOME-OTHER-SERVER     | :12081/tcp |
| SOME-OTHER-SERVER-TCP | :12035/tcp |
| TRAEFIK               | :8080      |
| WEB                   | :80        |
| WEBSECURE             | :443       |


### What version of Traefik are you using?

v2.9.1

### What is your environment & configuration?

n/a

### If applicable, please paste the log output in DEBUG level

_No response_


Discussion / hints:

Fix patch:
diff --git a/webui/src/components/dashboard/PanelEntry.vue b/webui/src/components/dashboard/PanelEntry.vue
index 3077ce1575..8da16905de 100644
--- a/webui/src/components/dashboard/PanelEntry.vue
+++ b/webui/src/components/dashboard/PanelEntry.vue
@@ -64,7 +64,7 @@ export default defineComponent({
     &-focus {
       border: solid 2px $accent;
     }
-    &-ex-size{
+    &-ex-size {
       .text-h3 {
         font-size: 22px;
       }
diff --git a/webui/src/pages/dashboard/Index.vue b/webui/src/pages/dashboard/Index.vue
index c63a2f3306..806cb6da0f 100644
--- a/webui/src/pages/dashboard/Index.vue
+++ b/webui/src/pages/dashboard/Index.vue
@@ -15,7 +15,7 @@
           <div
             v-for="(entryItems, index) in entryAll.items"
             :key="index"
-            class="col-12 col-sm-6 col-md-2"
+            class="col-12 col-sm-6 col-md-3"
           >
             <panel-entry
               :name="entryItems.name"


Test patch: