fix: responsive dropdowns (#364)

Author: lukasvinclav

src/unfold/static/unfold/css/styles.css

@@ -342,7 +342,7 @@ h3 span:nth-child(3) {
 .select2-container.select2-container--admin-autocomplete
   .select2-search--dropdown
   .select2-search__field {
-  @apply bg-gray-50 border border-gray-200 border-solid flex-grow font-medium mx-0 outline-none px-3 py-2 rounded-md shadow-sm text-gray-500 text-sm w-auto dark:bg-gray-800 dark:border-gray-800 dark:text-gray-400;
+  @apply bg-gray-50 border border-gray-200 border-solid flex-grow font-medium mx-0 outline-none px-3 py-2 rounded-md shadow-sm text-gray-500 text-sm w-full dark:bg-gray-800 dark:border-gray-800 dark:text-gray-400;
 }
 
 .select2-container.select2-container--admin-autocomplete.select2-container--open.select2-container--above {
@@ -387,6 +387,12 @@ h3 span:nth-child(3) {
   @apply pl-1 pr-6 py-0 pt-1;
 }
 
+.select2-container.select2-container--admin-autocomplete
+  .select2-selection--single
+  .select2-selection__rendered {
+  @apply pr-8;
+}
+
 .select2-container--admin-autocomplete
   .select2-selection--multiple
   li.select2-selection__choice {