Update width of selectors

Signed-off-by: Harshil Gupta <harshilgupta1808@gmail.com>

Author: wololowarrior

packages/jaeger-ui/src/components/Monitor/MultiTagSelector/MultiTagSelector.css

@@ -20,9 +20,11 @@ limitations under the License.
   font-weight: 800;
 }
 
-/* .tag-selector {
-  padding-left: 10px;
-} */
+.tag-selector {
+  /* padding-left: 10px; */
+  min-width: 150px; /* Minimum width for usability */
+  width: 100%; /* Allow width to grow based on content */
+}
 
 .multi-tag-selector {
   padding: 5px;

packages/jaeger-ui/src/components/Monitor/MultiTagSelector/MultiTagSelector.jsx

@@ -117,7 +117,7 @@ const MultiTagSelector = ({ service, onChange, disabled = false, value = '' }) =
           <Col key={attribute.name}>
             <h2 className="tag-selector-header">{attribute.label}</h2>
             <SearchableSelect
-              placeholder={`Select ${attribute.label.toLowerCase()}`}
+              placeholder={`Select`}
               value={selectedValues[attribute.name] || undefined}
               onChange={val => handleValueChange(attribute.name, val)}
               loading={loading[attribute.name]}