Style faculty select

src/components/TextEditor.svelte

@@ -37,13 +37,13 @@
   <div class="p-2 pb-0">
     <button
       on:click={handleTabClick(1)}
-      class="p-2 {isWriteMode && `${activeClassName}`}"
+      class="focus:outline-none p-2 {isWriteMode && `${activeClassName}`}"
     >
       Write
     </button>
     <button
       on:click={handleTabClick(2)}
-      class="p-2 {!isWriteMode && `${activeClassName}`}"
+      class="focus:outline-none p-2 {!isWriteMode && `${activeClassName}`}"
     >
       Preview
     </button>

src/routes/ask.svelte

@@ -18,19 +18,19 @@
 <div class="lg:w-3/5 mx-auto md:mx-10 lg:mb-20">
   <h2 class="pb-2">Спросить собшество вопрос</h2>
   <div class="my-1 px-1">
-    <button class="flex border rounded-lg border-grey">
+    <button class="flex border rounded-lg border-grey py-1 px-3 focus:outline-none focus:border-gray-400 focus:bg-gray-200">
       <span>Факултеты</span> <ChevronDown24 class="ml-2" />
     </button>
-    <div>
+    <div class="w-48 bg-white border border-grey rounded-lg mt-2 py-2">
       {#each faculties as faculty}
-        <div>
-          <input type="checkbox" class="appearance-none checked:bg-blue-600 checked:border-transparent">
+        <div class="block px-4 py-2 border-b">
+          <input type="checkbox" class="border border-gray checked:bg-blue-600 checked:border-transparent mr-1 cursor-pointer">
           <span>{faculty}</span>
         </div>
       {/each}
     </div>
     <input
-      class="title rounded-lg border border-1 border-gray p-1 w-full"
+      class="title rounded-lg border border-1 border-gray p-2 w-full focus:outline-none"
       error="false"
       autocomplete="off"
       placeholder="Title"