style: adjust access popup font and spacing

lyubov-voloshko · claude · lyubov-voloshko · commit bd8c045be3d3 · 2026-05-15T10:47:31.000Z
Use Material font tokens for font-family/size and tighten gaps between connections.

Co-Authored-By: Claude Sonnet 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/frontend/src/app/components/company/company.component.css b/frontend/src/app/components/company/company.component.css
@@ -121,22 +121,21 @@
 	white-space: nowrap;
 	display: flex;
 	flex-direction: column;
-	gap: 8px;
+	font-family: var(--mat-menu-item-label-text-font, inherit);
+	font-size: var(--mat-menu-item-label-text-size, 14px);
 }
 
 .access-popup__connection {
 	display: flex;
 	flex-direction: column;
-	gap: 2px;
 }
 
 .access-popup__connection-title {
 	font-weight: 500;
-	font-size: 13px;
 }
 
 .access-popup__connection-db {
-	font-size: 11px;
+	font-size: 0.786em;
 	color: rgba(0, 0, 0, 0.45);
 	padding-left: 2px;
 }
@@ -148,7 +147,7 @@
 }
 
 .access-popup__group {
-	font-size: 12px;
+	font-size: 0.857em;
 	color: rgba(0, 0, 0, 0.6);
 	padding-left: 8px;
 }

Original file line number	Diff line number	Diff line change
`@@ -121,22 +121,21 @@`
`121`	`121`	`white-space: nowrap;`
`122`	`122`	`display: flex;`
`123`	`123`	`flex-direction: column;`
`124`		`- gap: 8px;`
	`124`	`+ font-family: var(--mat-menu-item-label-text-font, inherit);`
	`125`	`+ font-size: var(--mat-menu-item-label-text-size, 14px);`
`125`	`126`	`}`
`126`	`127`
`127`	`128`	`.access-popup__connection {`
`128`	`129`	`display: flex;`
`129`	`130`	`flex-direction: column;`
`130`		`- gap: 2px;`
`131`	`131`	`}`
`132`	`132`
`133`	`133`	`.access-popup__connection-title {`
`134`	`134`	`font-weight: 500;`
`135`		`- font-size: 13px;`
`136`	`135`	`}`
`137`	`136`
`138`	`137`	`.access-popup__connection-db {`
`139`		`- font-size: 11px;`
	`138`	`+ font-size: 0.786em;`
`140`	`139`	`color: rgba(0, 0, 0, 0.45);`
`141`	`140`	`padding-left: 2px;`
`142`	`141`	`}`
`@@ -148,7 +147,7 @@`
`148`	`147`	`}`
`149`	`148`
`150`	`149`	`.access-popup__group {`
`151`		`- font-size: 12px;`
	`150`	`+ font-size: 0.857em;`
`152`	`151`	`color: rgba(0, 0, 0, 0.6);`
`153`	`152`	`padding-left: 8px;`
`154`	`153`	`}`