diff --git a/ogWebconsole/src/app/components/groups/groups.component.css b/ogWebconsole/src/app/components/groups/groups.component.css index 9f05ec3..1f792c4 100644 --- a/ogWebconsole/src/app/components/groups/groups.component.css +++ b/ogWebconsole/src/app/components/groups/groups.component.css @@ -87,6 +87,17 @@ .cards-view { max-height: none !important; } + + .clients-table { + max-height: unset !important; + overflow: unset !important; + display: table !important; + flex-direction: unset !important; + } + + .clients-container { + padding: 0em 1em 0em 1em !important; + } } @media (max-width: 1400px) { @@ -171,16 +182,35 @@ padding-left: 1rem; } +.list-view { + overflow-x: auto; +} + .clients-table { max-height: calc(100vh - 330px); overflow: auto; display: flex; flex-direction: column; + width: 100%; + table-layout: auto; + border-collapse: collapse; } -.clients-table table { - flex-grow: 1; - overflow: auto; +.clients-table th, +.clients-table td { + text-align: left; + padding: 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.clients-table th { + font-weight: 500; +} + +.clients-table td { + border-bottom: 1px solid #ddd; } .paginator-container { diff --git a/ogWebconsole/src/app/components/groups/groups.component.html b/ogWebconsole/src/app/components/groups/groups.component.html index 32bac8a..a01b4b9 100644 --- a/ogWebconsole/src/app/components/groups/groups.component.html +++ b/ogWebconsole/src/app/components/groups/groups.component.html @@ -336,7 +336,7 @@
{{ client.name }}
+{{ client.name }}