fix(web): mobile ux improvements (#296)

* fix(ListboxFilter): Added z-index in order to properly render dropdown box.
fix(ReleaseTable): Added flex-direction: column to wrap on mobile devices (otherwise it's set to row)
feat(DownloadClientSettingsListItem): Made it possible to toggle client state directly, without opening the update form.

* fix(TitleCell): Improved responsiveness across all relevant screen selectors.

* fix(FilterDetails): Fixed incorrect overflow property ordering.

web/src/screens/releases/Filters.tsx

@@ -49,7 +49,7 @@ const ListboxFilter = ({
           leaveTo="opacity-0"
         >
           <Listbox.Options
-            className="absolute w-full mt-1 overflow-auto text-base bg-white dark:bg-gray-800 rounded-md shadow-lg max-h-60 border border-opacity-5 border-black dark:border-gray-700 dark:border-opacity-40 focus:outline-none sm:text-sm"
+            className="absolute z-10 w-full mt-1 overflow-auto text-base bg-white dark:bg-gray-800 rounded-md shadow-lg max-h-60 border border-opacity-5 border-black dark:border-gray-700 dark:border-opacity-40 focus:outline-none sm:text-sm"
           >
             <FilterOption label="All" />
             {children}

web/src/screens/releases/ReleaseTable.tsx

@@ -181,7 +181,7 @@ export const ReleaseTable = () => {
   // Render the UI for your table
   return (
     <div className="flex flex-col">
-      <div className="flex mb-6">
+      <div className="flex mb-6 flex-col sm:flex-row">
         {headerGroups.map((headerGroup) =>
           headerGroup.headers.map((column) => (
             column.Filter ? (