Update index.html

index.html

@@ -414,6 +414,13 @@ button:hover {
   background-color: #2980b9;
 }
 
+.search-input {
+  width: 250px; /* Set the desired fixed width */
+  padding: 10px;
+  font-size: 16px;
+  border-radius: 5px;
+  border: 1px solid #ccc;
+}
 
       
     </style>
@@ -459,42 +466,8 @@ button:hover {
           </div>
           <div class="offcanvas-body">
             <div class="downloads">
-          <div class="downloads-options">
-          <div style="width: 250px;">
-          <input type="text" id="search" placeholder="Search..." class="form-control">
-          </div>
-            <form>
-  <fieldset>
-    
-    <div class="mb-3">
-      <label for="disabledTextInput" class="form-label">Disabled input</label>
-      <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
-    </div>
-    <div class="mb-3">
-      <label for="disabledSelect" class="form-label">Disabled select menu</label>
-      <select id="disabledSelect" class="form-select">
-        <option>Disabled select</option>
-      </select>
-    </div>
-    <div class="mb-3">
-      <div class="form-check">
-        <input class="form-check-input" type="checkbox" id="disabledFieldsetCheck">
-        <label class="form-check-label" for="disabledFieldsetCheck">
-          Can't check this
-        </label>
-      </div>
-    </div>
-    <button type="submit" class="btn btn-primary">Submit</button>
-  </fieldset>
-</form>
-          
-        </div>
           <div>
-          <select id="sort" style="width: 160px;">
-            <option value="recent"> Sort by Recent </option>
-            <option value="name">Sort by Name</option>
-            <option value="artist">Sort by Artist</option>
-          </select>
+            <input type="text" id="search" placeholder="Search..." class="search-input">
           </div>
               
         <div class="downloads-list">