alu/cse110-fa22-group29
1
0
Fork 0
mirror of https://github.com/cse110-fa22-group29/cse110-fa22-group29.git synced 2025-10-30 19:46:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move filter bar inline with search

Browse Source
This commit is contained in:
Sanjit Joseph
2022-11-30 17:42:51 -08:00
parent f300c740c4
commit c09e82c6ab
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
source/index.html
View File

@@ -32,20 +32,19 @@
<div class="body-container"> <div class="body-container">
<div style="width: 20%;"></div> <div style="width: 20%;"></div>
<div style="width: 60%;"> <div style="width: 60%;">
<div class="search-bar">
<form id="form">
<input type="search" id="search-bar" name="searchBar" placeholder="Search tags...">
<button id="clear-search">Clear Search</button>
</form>
<img src="./assets/images/search_button.png" alt="SEARCH BTN" id="search-btn" />
</div>
<div class="filter-bar"> <div class="search-bar">
<form id="form">
<label for="sort">Filtering Method:</label> <label for="sort">Filtering Method:</label>
<select id="sort"> <select id="sort">
<option value="recent">Most Recent</option> <option value="recent">Most Recent</option>
<option value="top">Top Rated</option> <option value="top">Top Rated</option>
</select> </select>
<input type="search" id="search-bar" name="searchBar" placeholder="Search tags...">
<button id="clear-search">Clear Search</button>
</form>
<img src="./assets/images/search_button.png" alt="SEARCH BTN" id="search-btn" />
</div> </div>
<div class="center-display"> <div class="center-display">