Various style tweaks (#427)

* nav list sizing

* less contrast on table load progress

* new data model icon

* fixes all users nav

rijk SAID he fixed… but that’s ok ;)

* lighter module active color

* decrease badge size

* text changes

* new sidebar drawer component styling

* space out filters a bit more

* add auto-save warning to fields setup

* new tabular option icons

* new filter styling

needs formatting and translations for field name tooltips

* form field group styling

WIP — just styling, and needs translations

* don’t let line height be overridden

* interface icons

* button hovers

* divider interface WIP

* lighter highlight

we can try this out — might remove later

* no divider tests

* Fix divider interface

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>

src/modules/settings/routes/data-model/collections/components/collection-options/collection-options.vue

@@ -4,6 +4,8 @@
 			collection.managed === false && collection.collection.startsWith('directus_') === false
 		"
 		x-small
+		outlined
+		class="manage"
 		@click="toggleManaged(true)"
 		:loading="savingManaged"
 	>
@@ -119,6 +121,11 @@ export default defineComponent({
 	--v-button-background-color: var(--danger);
 }
 
+.v-button.manage {
+	--v-button-background-color: var(--warning);
+	--v-button-background-color-hover: var(--warning-125);
+}
+
 .ctx-toggle {
 	--v-icon-color: var(--foreground-subdued);