Use select element instead of tabs on mobile

app/views/services/mastodon/show.html.erb

@@ -46,7 +46,20 @@
          data-tabs-active-tab-class="-mb-px border-gray-200 border-l border-t border-r rounded-t text-indigo-600 hover:text-indigo-600"
          data-tabs-inactive-tab-class="text-gray-500 hover:text-gray-700"
          class="mb-12">
-      <ul class="list-reset flex mb-8 border-gray-200 border-b">
+      <select data-action="tabs#change" data-tabs-target="select"
+              class="block w-full mb-8 sm:hidden">
+        <option>Web</option>
+        <optgroup label="Mobile">
+          <option>Android</option>
+          <option>iOS</option>
+        </optgroup>
+        <optgroup label="Desktop">
+          <option>Linux</option>
+          <option>Windows</option>
+          <option>macOS</option>
+        </optgroup>
+      </select>
+      <ul class="hidden sm:flex list-reset mb-8 border-gray-200 border-b">
         <li class="mr-2" data-tabs-target="tab" data-action="click->tabs#change:prevent">
           <a href="#" class="bg-white inline-block py-2 px-4 font-semibold no-underline">
             Web