[ui] Compact Sidebar.css

/*
    Compact Sidebar
    Make icons in sidebar tab headers more compact, for smaller screens
	Make Vault selector sidebar footer more compact
    https://github.com/replete/obsidian-minimal-theme-css-snippets
*/

.workspace-tab-header-inner{
    padding-left:3px;
    padding-right:3px;
}

.nav-buttons-container {
    justify-content:start !important;
    margin-left:-4px
}

.nav-buttons-container .clickable-icon {
    padding-left:8px;
    padding-right:3px;
}

.nav-buttons-container .clickable-icon{
    color:var(--tx2, var(--text-normal)) !important;
    transition: .2s color ease-in;
}

.nav-buttons-container .view-actions:hover .clickable-icon {
    color: var(--tx1, var(--text-faint)) !important;
}

/* Compact Vault selector sidebar footer */
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
	padding: 0;
	gap:0;

	.workspace-drawer-vault-switcher {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		padding-left: 12px;
		margin-top:-1px;
	}

	.clickable-icon {
		border-radius:0;

		&:last-of-type {
			padding-right:12px
		}
	}

	svg {
		width:16px !important;
		height:16px !important;

	}

	svg {
	}

	.workspace-drawer-vault-name {
		margin-left:-5px;
	}
}