css fixes #724

front/css/app.css

@@ -1418,10 +1418,11 @@ input[readonly] {
 .select2-container--default .select2-selection--single
 {
     border-radius: 0px !important;
-    border-color: #3d444b !important;
+    border-color: #d2d6de !important;
     min-height: 42px;
 }
 
+
 .helpIconSmallTopRight{
     position: absolute;
     font-size: x-small;
@@ -1578,8 +1579,26 @@ input[readonly] {
 {
     width: initial;
     display: inline-block;
+    min-height: 42px;
 }
 
+/* Remove the default Select2 chevron (the down arrow) */
+.select2-container .select2-selection__arrow b {
+    display: none !important;
+  }
+
+/* Add custom icon */
+.select2-container .select2-selection__arrow::after {
+    font-family: 'Font Awesome 6 Free';
+    content: "\f078"; /* fa-chevron-down */
+    font-weight: 700;
+    position: absolute;
+    top: 75%;
+    left: 30%;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+  }
+
 #deviceDetailsEdit .form-control
 {
     min-height: 42px;

front/css/system-dark-patch.css

@@ -734,6 +734,31 @@
     background-color: #000 !important;
   }
 
+  .select2-container--default .select2-selection--single {
+    color: initial !important;
+    background-color: #353c42 !important;
+  }
+
+  /* Chevron color */
+  .select2-container .select2-selection__arrow::after {
+    color: #bec5cb;
+  }
+
+  /* Chevron color */
+  .select2-selection .select2-selection--single {
+    color: #bec5cb;
+  }
+
+  .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
+    border-color: #3d444b !important;
+  }
+
+  .select2-container--default .select2-selection--single .select2-selection__rendered  .custom-chip
+  {
+    color: #bec5cb;
+  }
+
+
 }
 
 .callout code {