fixed filter dropdown styling

Author: RichardHanitio

index.html

@@ -34,6 +34,19 @@
             color: red;
             font-size: 18px;
         }
+
+        #filter-books {
+            border-radius : 45px;
+            border : none;
+            outline : none;
+            height : 38px;
+            padding : 0 5px;
+        }
+
+        #filter-books:focus{
+            outline : 3px solid rgb(46, 123, 255);
+        }
+
     </style>
 
 </head>
@@ -54,8 +67,8 @@
 
             </ul>
             <form class="form-inline my-2 my-lg-0">
-                <select name="filter" id="filter-books" class="btn btn-light mr-sm-2">
-                    <option value="all" selected>All</option>
+                <select name="filter" id="filter-books" class="form-select mr-sm-2">
+                    <option value="all" selected >All</option>
                     <option value="book">Name</option>
                     <option value="bookauthor">Author</option>
                     <option value="bookType">Type</option>