Switch to using icons when rendering a DN, and move the server icons to the topmenu

public/css/custom.css

@@ -27,4 +27,49 @@ div#objectClass .input-group-end:not(input.form-control) {
 input.form-control.input-group-end {
 	border-bottom-right-radius: 4px !important;
 	border-top-right-radius: 4px !important;
+}
+
+.custom-tooltip-warning {
+	--bs-tooltip-bg: var(--bs-warning);
+	--bs-tooltip-color: black;
+}
+
+.custom-tooltip-danger {
+	--bs-tooltip-bg: var(--bs-danger);
+
+}
+
+.tooltip {
+	font-size: 85%;
+}
+
+/*
+.custom-tooltip-warning .tooltip-inner {
+	--bs-tooltip-bg: #ffffff;
+	--bs-tooltip-color: var(--bs-warning);
+	--bs-font-size: 85%;
+	border: 2px solid var(--bs-warning);
+	border-radius: 6px;
+}
+
+.custom-tooltip-warning .tooltip-arrow::before {
+	--bs-tooltip-bg: var(--bs-warning);
+}
+
+.custom-tooltip-danger .tooltip-inner {
+	--bs-tooltip-bg: #ffffff;
+	--bs-tooltip-color: var(--bs-danger);
+	--bs-font-size: 85%;
+	border: 2px solid var(--bs-danger);
+	border-radius: 6px;
+}
+
+.custom-tooltip-danger .tooltip-arrow::before {
+	--bs-tooltip-bg: var(--bs-danger);
+}
+*/
+
+/* hide the site icons when the search is opened */
+.search-wrapper.active + .header-menu.nav {
+	display: none;
 }

public/css/fixes.css

@@ -155,12 +155,6 @@ ul.fancytree-container ul {
 }
 
 /** Server icons **/
-.closed-sidebar .server-icon {
-	display: none;
-}
-.closed-sidebar .app-sidebar:hover .server-icon, .sidebar-mobile-open .server-icon {
-	display: flex;
-}
 .font-icon-wrapper {
 	text-align: center;
 	border: #e9ecef solid 1px;