fix: improve alignment and heights

enjeck · enjeck · commit 962205e751c6 · 2024-08-21T20:19:58.000+01:00
Signed-off-by: Cleopatra Enjeck M &lt;patrathewhiz@gmail.com&gt;
diff --git a/cypress/styleguide/assets/default.css b/cypress/styleguide/assets/default.css
@@ -57,7 +57,7 @@
   --border-radius-large: 10px;
   --border-radius-rounded: 28px;
   --border-radius-pill: 100px;
-  --default-clickable-area: 44px;
+  --default-clickable-area: 34px;
   --default-line-height: 24px;
   --default-grid-baseline: 4px;
   --header-height: 50px;
diff --git a/src/App.vue b/src/App.vue
@@ -258,4 +258,9 @@ button[class^='icon-'] {
 	display: inline-flex;
 }
 
+.v-select.select .vs__selected-options {
+    min-height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width)) !important;
+    padding: 0 5px;
+}
+
 </style>
diff --git a/src/modules/navigation/partials/NavigationTableItem.vue b/src/modules/navigation/partials/NavigationTableItem.vue
@@ -342,7 +342,7 @@ export default {
 	}
 
 	.app-navigation-entry__counter-wrapper .counter-bubble__counter {
-		display: inline-flex;
+		display: inline;
 	}
 }
 
diff --git a/src/shared/components/ncTable/partials/TableHeaderColumnOptions.vue b/src/shared/components/ncTable/partials/TableHeaderColumnOptions.vue
@@ -387,7 +387,6 @@ export default {
 .menu {
 	padding-left: calc(var(--default-grid-baseline) * 1);
 	min-width: 44px;
-	min-height: 44px;
 }
 
 .selected {

Original file line number	Diff line number	Diff line change
`@@ -258,4 +258,9 @@ button[class^='icon-'] {`
`258`	`258`	`display: inline-flex;`
`259`	`259`	`}`
`260`	`260`
	`261`	`+.v-select.select .vs__selected-options {`
	`262`	`+ min-height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width)) !important;`
	`263`	`+ padding: 0 5px;`
	`264`	`+}`
	`265`	`+`
`261`	`266`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -342,7 +342,7 @@ export default {`
`342`	`342`	`}`
`343`	`343`
`344`	`344`	`.app-navigation-entry__counter-wrapper .counter-bubble__counter {`
`345`		`- display: inline-flex;`
	`345`	`+ display: inline;`
`346`	`346`	`}`
`347`	`347`	`}`
`348`	`348`
Original file line number	Diff line number	Diff line change
`@@ -387,7 +387,6 @@ export default {`
`387`	`387`	`.menu {`
`388`	`388`	`padding-left: calc(var(--default-grid-baseline) * 1);`
`389`	`389`	`min-width: 44px;`
`390`		`- min-height: 44px;`
`391`	`390`	`}`
`392`	`391`
`393`	`392`	`.selected {`