From 31e3d301fdb949257961b8bf60042d7bd4440783 Mon Sep 17 00:00:00 2001
From: Rotimi-Best <rotimiibitoyebest@yahoo.co.uk>
Date: Sat, 2 Jan 2021 01:23:32 +0200
Subject: [PATCH] Style faculty select

---
 src/components/TextEditor.svelte |  4 ++--
 src/routes/ask.svelte            | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/TextEditor.svelte b/src/components/TextEditor.svelte
index 907fc65e..cd451680 100644
--- a/src/components/TextEditor.svelte
+++ b/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>
diff --git a/src/routes/ask.svelte b/src/routes/ask.svelte
index ba08eb29..a5d452b6 100644
--- a/src/routes/ask.svelte
+++ b/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"